[JS] Applicare onClick a tutti i collegamenti di una pagina...

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?

onClick="return hs.htmlExpand(this, { objectType: 'iframe', objectHeight: screen.height, width: screen.width-50 } )" 

Questo è il codice e viene applicato manualmente a tutti i collegamenti... io vorrei che fosse fatto da solo con javascript! =D
Grazie mille a tutti! ^^

[alemoppo]

$('a').attr('onClick',"return hs.htmlExpand(this, { objectType: 'iframe', objectHeight: screen.height, width: screen.width-50 } )");

..è jQuery, quindi dovrai includere, ad esempio, http://code.jquery.com/jquery-1.4.2.min.js

Ciao!

[dementialsite]

Se non vuoi usare JQuery, puoi usare i metodi classici di DOM:

var links = document.getElementsByTagName ('A');
for (var i in links)
   links[i].setAttribute ('onclick', '...'); // quello che hai scritto sopra, opportunamente "escaped"

Stammi bene...

Non funziona..... =( I metodi sono tutti e due semplici però preferisco quello di dementialsite poiché non uso JQuery! =P

<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> 

Grazie mille!! ^^"

[makingweb]

Si ma che errore ti da il debbugger?

Firebug:

links[i].setAttribute is not a function
[Break on this error] for(var i in links) { links[i].setAttr...ght, width: screen.width-50 } )"); }

[karl94]

Così dovrebbe funzionare:

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...

<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> 

[karl94]

Puoi scrivere l'indirizzo della pagina?

[javascripter]

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

<p><a href="http://url.com"><img src="http://forum.it.altervista.org/images/sito.png" /> Testoooo</a></p> 

[karl94]

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

<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.

Niente da fare anche mettendolo dopo il body! Soluzioni?
Grazie mille a tutti! ^^

[karl94]

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.

[karl94]

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

[karl94]

PS. E' vero che in javascript non sono bravissimo... ma non c'è bisogno che mi dici per te dovrebbe essere sufficiente =)

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.