ciclo for

[webdevaster]

Ciao a tutti, ho problema che non riesco a risolvere su un banalissimo ciclo for:

Vi spiego cosa vorrei ottenere:

Ho dei link il cui ID viene assegnato in modo progressivo tramite db, ad ognuno di questi link vorrei associare una funzione per visualizzare dei tooltip.

Ho pensato allora di inserire questa funzione in un cliclo for in modo da poterla ripetere tante volte quanti sono gli elementi tirati giù dal db.

Nella parte in rosso indico l'id del link (ma non funziona)

ecco il codice:

//<![CDATA[
var i;
for(i=1; i<3; i++) {
    document.observe('dom:loaded', function() {
        new Tip('link' + i ,  document.getElementById("txtcomm").innerHTML, {
          title: 'Community',
          className: 'protoClassic',
          showOn: 'mousemove',
          hideOn: { element: 'closeButton', event: 'click' },
          hook: { tip: 'bottomRight', target: 'bottomRight' },
          offset: { x: 320, y: 150 }
        });    
    })
}    
//]]>

... grazie mille in anticipo

[webdevaster]

...please help

[Xinod]

immagino si parli di questo
http://www.nickstakenburg.com/projects/prototip/

puoi fare cosi'

//<![CDATA[
    document.observe('dom:loaded', function() {
      for(var i=1; i<3; i++) {
        new Tip('link' + i ,  document.getElementById("txtcomm").innerHTML, {
          title: 'Community',
          className: 'protoClassic',
          showOn: 'mousemove',
          hideOn: { element: 'closeButton', event: 'click' },
          hook: { tip: 'bottomRight', target: 'bottomRight' },
          offset: { x: 320, y: 150 }
        });
      }    
    })    
//]]>

comunque e' meglio se leggi la documentazione, sotto advanced "automatically add tooltips",
ti semplifica di molto il tutto: i link che hanno un determinato attributo (e non e' detto che si parli necessariamente di rel, puoi determinarli via classe per esempio) mostrano come contenuto del tooltip il valore di un altro attributo (e anche qui non e' detto si parli per forza di rel)

ciao

[webdevaster]

esattamente quello... e non avevo visto la parte "Automatically add tooltips"... non mi potresti fare un esempio di come funziona?

Già faccio fatica a capire la parte "semplice" ... sono molto niubbo...

[Xinod]

document.observe('dom:loaded', function() {
	$$('a.toTip').each(function(element){
		new Tip(element, element.title);
		element.title='';
	});
});

prende qualsiasi link con classe toTip e al passaggio mostra nel tooltip quanto presente nel title del link
tooltip me

altro non mi chiedere che prototype non l' ho mai approfondita e sinceramente non mi interessa farlo
qui hai materiale se vuoi farlo tu
http://www.prototypejs.org/api

ciao

[webdevaster]

perfetto sono riuscito a sistemarlo come volevo, per chi ne avesse bisogno:

a tutti i link con classe "tooltip" mostro quello che c'è scritto nell'elemento "mytxt" che nel mio caso è un div settato con display:none;

//<![CDATA[
document.observe('dom:loaded', function(){
    $$('a.tooltip').each(function(element) {
        new Tip(element, document.getElementById('mytxt').innerHTML, {
        title: 'Example',
        className: 'protoClassic',
        showOn: 'mousemove',
        hideOn: { element: 'closeButton', event: 'click' },
        hook: { tip: 'bottomRight', target: 'bottomRight' },
        offset: { x: 320, y: 150 }
        });
    });
});
  
//]]>

Grazie mille per la dritta

[Xinod]

ah, ora capisco cosa volevi fare,
tutti mostrano sempre il medesimo contenuto in tooltip

[webdevaster]

tutti mostrano un contenuto preso da un db e "buttato" dentro il mio div ...