Ciao a tutti, ho questo codice che invece di ripeterlo in ogni collegamento (<a href) vorrei che si facesse da solo tramite una funzione in javascript. E' possibile?
Questo è il codice e viene applicato manualmente a tutti i collegamenti... io vorrei che fosse fatto da solo con javascript! =DCodice PHP:onClick="return hs.htmlExpand(this, { objectType: 'iframe', objectHeight: screen.height, width: screen.width-50 } )"
Grazie mille a tutti! ^^
..è jQuery, quindi dovrai includere, ad esempio, http://code.jquery.com/jquery-1.4.2.min.jsCodice:$('a').attr('onClick',"return hs.htmlExpand(this, { objectType: 'iframe', objectHeight: screen.height, width: screen.width-50 } )");
Ciao!
Se non vuoi usare JQuery, puoi usare i metodi classici di DOM:Stammi bene...Codice:var links = document.getElementsByTagName ('A');
for (var i in links)
links[i].setAttribute ('onclick', '...'); // quello che hai scritto sopra, opportunamente "escaped"
Non funziona..... =( I metodi sono tutti e due semplici però preferisco quello di dementialsite poiché non uso JQuery! =P
Grazie mille!! ^^"Codice PHP:<script type="text/javascript">
var links = document.getElementsByTagName ("a");
for (var i in links) { links[i].setAttribute("onClick","return hs.htmlExpand(this, { objectType: 'iframe', objectHeight: screen.height, width: screen.width-50 } )"); }
</script>
Si ma che errore ti da il debbugger?
Firebug:
Citazione:
links[i].setAttribute is not a function
[Break on this error] for(var i in links) { links[i].setAttr...ght, width: screen.width-50 } )"); }
Così dovrebbe funzionare:Codice:var links = document.getElementsByTagName("a");
for(var i = 0; i < links.length; i++){
links[i].setAttribute("onclick", /*valore*/);
}
Niente da fare! =( Continua a non funzionare...
Codice PHP:<script type="text/javascript">
hs.graphicsDir = 'highslide/graphics/';
hs.outlineType = 'rounded-white';
hs.wrapperClassName = 'draggable-header';
/*******************************/
var links = document.getElementsByTagName("a");
for(var i = 0; i < links.length; i++){
links[i].setAttribute("onclick", "return hs.htmlExpand(this, { objectType: 'iframe', objectHeight: screen.height, width: screen.width-50 } )");
}
</script>
Puoi scrivere l'indirizzo della pagina?
Molto probabilmente DOM non è ancora pronto quando richiami document.getElementsByTagName().
La pagina è in locale.... potrebbe essere che quel javascript è messo fuori il body, prima della fine di head? ^^
Ecco il link di esempio... sono tutti così! =D
Codice PHP:<p><a href="http://url.com"><img src="http://forum.it.altervista.org/images/sito.png" /> Testoooo</a></p>
Se è così, ha ragione javascripter, se esegui getElementsByTagName nell'head, quando non ha ancora processato il body è ovvio che non restituirà alcun elemento.Citazione:
Originalmente inviato da sIM
Niente da fare anche mettendolo dopo il body! Soluzioni?
Grazie mille a tutti! ^^
Non basta metterlo dentro il body, deve essere l'ultimo elemento. Se mettessi online la pagina o postassi il codice completo sarebbe tutto più semplice...
Ahhh xD Non avevate detto di metterlo alla fine dopo i links... ma se io lo volessi dentro il tag head cosa dovrei mettere?? ^^ Grazie mille.
Se lo volessi mettere dentro l'head, dovresti eseguire il tutto una volta che il documento è stato interamente processato, quindi potresti eseguire dopo il caricamento (onload) del documento, oppure una volta che il DOM è stato completato, ma questo è un po' più difficile, per te dovrebbe essere sufficiente il primo metodo.
Mmm ma non posso dal tag head applicare un body.onload e così creare una funzione con quel codice? Oppure una funzione "anonima"? ^^
Grazie mille! =)
PS. E' vero che in javascript non sono bravissimo... ma non c'è bisogno che mi dici per te dovrebbe essere sufficiente =)
Edit: infatti ci sono riuscito come volevo io! ;D Grazie mille! =P
Era solo per informarti che c'erano anche altre alternative più efficienti ma più complesse, spesso neanche io uso la seconda che ti ho proposto, perché non segue gli standard ed è diversa per ogni browser.Citazione:
Originalmente inviato da sIM