Pulsanti tab con immagini

[peppe79h26]

Salve......
Ho realizzato tramite la seguente guida
un menù con dei tab.
Adesso vorrei inserire nel menù, per ogni suo elemento una piccola icona, ma non so come fare.

Non riporto il javascript ed il foglio di stile per non rendere confusionario il post.

Grazie a tutti......

P.S.

Ho provato ad aggiungere il riferimento all'immagine tra i tag <h2> e </h2> che i pulsanti per ogni tab, ma non funziona (probabilmente perchè il javascript considera solo la parte testuale)

[Mega69]

Credo che tu debba modificare questa riga e inserire un tag img:

this.linkIdFormat = '<tabberid>nav<tabnumberone>';

[peppe79h26]

Ciao Mega69

Sono riuscito a trovare il punto dove inserire il collegamento all'immagine:

DOM_a.appendChild(document.createTextNode(t.headingText));

riga 252 circa di "tabber.js".

Ho solo un "piccolo" problema da neofita di javascript: per inserire l'immagine sostituire la riga precedente con questa:

DOM_a.appendChild(document.createTextNode("[img]fareipotesi.png[/img]"+t.headingText));

ma, ovviamente, si creano problemi con i doppi apici ( " ); come faccio a scriverli in una stringa.

Ho provato a scriverlo in questo modo:

 DOM_a.appendChild(document.createTextNode('[img]fareipotesi.png[/img]' + t.headingText));

ma così al posto delle parentisi angolari va scrivere il loro codice html....

[Mega69]

Così dovrebbe andare:

DOM_a.appendChild(document.createTextNode(t.headingText));
myImage=document.createElement("img");
myImage.src="file.jpg";
DOM_a.appendChild(myImage);

[peppe79h26]

Ho provato con:

    DOM_img = document.createElement("img");
    DOM_img.scr="fareipotesi.png";
    DOM_img.align="absmiddle";
    DOM_img.width="15";
    DOM_img.heigth="15";
    DOM_a.appendChild(DOM_img);

ma succede una cosa "strana" in uscita non restituisce tutti gli attributi, ma solo align e width:

<img align="absmiddle" width="15">

:master:

[peppe79h26]

Utilizzando questa sintassi

    DOM_img = document.createElement("img");
    DOM_img.setAttribute('align', 'absmiddle');
    DOM_img.setAttribute('width', '15');
    DOM_img.setAttribute('heigth', '15');
    DOM_img.setAttribute('scr', 'fareipotesi.png');
    DOM_a.appendChild(DOM_img);

viene creato correttamente il tag "img" nella pagina html, ma cosa strana non viene caricata l'immagine....... :master: continuo ad investigare.....
Tutto l'aiuto possibile è sempre ben accetto

[peppe79h26]

Stupido io........

Scrivevo "scr" invece di "src" e "heigth" invece di "height"..........

:quote: Chissà dove avevo la testa??? :berto:

Comunque grazie per il prezioso aiuto!!!