Tooltip a fumetto: GetElementByClassName

[ana4ever-vids]

Premetto che di Javascipt non so un tubo!

Sto cercando di creare dei tooltip a fumetto. Ho trovato questo bellissimo articolo:
http://javascript.html.it/articoli/l...on-javascript/

Guardando il codice javascript, ho intuito che il programma agisce solo su degli elementi con id "bubble_tooltip" o "bubble_tooltip_content". Io però vorrei usare delle classi anziché degli id, perché con le classi posso fare più tooltip senza dover, ogni volta, definirli nel css! Andando ad intuito, non mi basta scrivere "GetElementByClass"!

Quindi, come faccio? :master:



Grazie per l'aiuto!

P.S: Se possibile, postate soluzioni il più possibile crossbrowser!

[Xinod]

http://www.robertnyman.com/2005/11/0...tsbyclassname/

[ana4ever-vids]

Sì, ma integrato nel codice per il tooltip? Lo posto qui...

/************************************************************************************************************
	(C) www.dhtmlgoodies.com, September 2005
	
	This is a script from www.dhtmlgoodies.com. You will find this and a lot of other scripts at our website.	
	
	Terms of use:
	You are free to use this script as long as the copyright message is kept intact. However, you may not
	redistribute, sell or repost it without our permission.
	
	Thank you!
	
	www.dhtmlgoodies.com
	Alf Magne Kalleland
	
	************************************************************************************************************/
	function showToolTip(e,text){
		if(document.all)e = event;
		
		var obj = document.getElementById('bubble_tooltip');
		var obj2 = document.getElementById('bubble_tooltip_content');
		obj2.innerHTML = text;
		obj.style.display = 'block';
		var st = Math.max(document.body.scrollTop,document.documentElement.scrollTop);
		var leftPos = e.clientX - 100;
		if(leftPos<0)leftPos = 0;
		obj.style.left = leftPos + 'px';
		obj.style.top = e.clientY - obj.offsetHeight -1 + st + 'px';
	}	
	
	function hideToolTip()
	{
		document.getElementById('bubble_tooltip').style.display = 'none';
		
	}

[ana4ever-vids]

UP

[pierofix]

Dunque, un esempio di getElementsByClass potrebbe essere il seguente:

function getElementsByClass(nome_classe)
{
   var tutti = document.getElementsByTagName('*')
   var elementi = new Array()
   for (var i = 0; i < tutti.length; i++)
   {
      if ( tutti.item(i).className == nome_classe )
      {
         elementi.push(tutti.item(i))
      }
   }
   return elementi
}

[ana4ever-vids]

Sì, ma integrato con il codice per le tooltip che ho postato sopra??

[ana4ever-vids]

Pierofix?

[pierofix]

Uff! C'ho troppo mal di testa, right now. Non è che potresti pazientare fino a domani? Prendo fiato e mi ci tuffo.

[ana4ever-vids]

Se proprio devo...

E' ovvio! Grazie per l'aiuto! Mi aiuti gratis e dovrei pure lamentarmi? :rollo:

[pierofix]

Gratis? Ma come gratis?!? Mi avevano detto che cominciavano a pagare tutti i post dopo l'undicimillessimo!!!