[JS] Funzione x rollover

[hcka]

Questo è uno spezzone dell'html:

<ul class="folder">
  <span class="ul" onclick="switchimage('webfri', 'folderopen.gif');">
  [img]../images/folder.gif[/img]
  <span class="space"></span>WEB-FRIENDS</span>
  <li class="link">
  <span class="li" onclick="openwin('http://www.pajatm.tk');" onmouseover="rollSfondo(this,'#000000'); switchimage('webfri', 'linkover.gif');" onmouseout="rollSfondo(this,'#292929');">
  [img]../images/link.gif[/img]
  <span class="space"></span>Virtual Software Web Design Site</span>
  <li class="link">
  <span class="li" onclick="openwin('http://www.vs.too.it');" onmouseover="rollSfondo(this,'#000000'); switchimage('webfri', 'linkover.gif');" onmouseout="rollSfondo(this,'#292929');">
  [img]../images/link.gif[/img]
  <span class="space"></span>Paja's Web Site</span>
  <li class="link">
  <span class="li" onclick="openwin('http://www.cunico.net');" onmouseover="rollSfondo(this,'#000000'); switchimage('webfri', 'linkover.gif');" onmouseout="rollSfondo(this,'#292929');">
  [img]../images/link.gif[/img]
  <span class="space"></span>Cloud666's Web Site</span>[/list]

E questo lo spezzone del file js:

function switchimg(el, img2switch) {
  document.images[el];
  var imginit=el.src;
  img2switch="../images/"+img2switch;
  if (document.images[el].src==img1) document.images[el].src=img2;
  else document.images[el].src=img1;
}

Mi da un'errore:
ERRORE: Previsto oggetto.
Il bello è che mi da errore dove si trova il nome della classe degli span!
Come posso farlo funzionare?

[Mich_]

Controlla anzitutto i nomi: switchimage() e` diverso da switchimg().

Ciao
Michele

[hcka]

-.-
sorry..

ora è:

function switchimage(el, img2switch, imginit) {
  document.images[el];
  imginit="../images/"+imginit;
  img2switch="../images/"+img2switch;
  if (document.images[el].src==imginit) el.src=img2switch;
  else el.src=imginit;}

però non mi changia l'immagine..

lo richiamo così:

<span class="ul" onclick="switchimage('webfri', 'folderopen.gif', 'folder.gif');">[img]../images/folder.gif[/img]

poi così:

<span class="li" onclick="openwin('http://www.pajatm.tk');" onmouseover="rollSfondo(this,'#000000'); switchimage('l1', 'linkover.gif', 'link.gif');" onmouseout="rollSfondo(this,'#292929');">[img]../images/link.gif[/img]

Nun me funge.. non da errori però nn switcha..

[Mich_]

Ci sono in effetti un po' di problemi

function switchimage(el, img2switch, imginit) {
  var im = document.images[el];
  imginit="../images/"+imginit;
  img2switch="../images/"+img2switch;
  alert(im.src + "  " + imginit + "  " + img2switch);
  if (im.src==imginit) im.src=img2switch;
  else im.src=imginit;
}

Ora e` formalmente corretto.
Non credo tuttavia che il confronto possa essere uguale (ti ho messo l'alert per la verifica).

Ciao
Michele

[hcka]

«Mi da "ERRORE: previsto oggetto"..»

No, non mi da errore.. semplicemente non funziona..
Però l'alert me lo da corretto!

[Mich_]

Nell'alert ti dovrebbe dare tre stringhe: le prime due sono quelle che vengono confrontate: sono uguali-identiche, o ci sono delle differenze?

Probabilmente occorre confrontare solo l'ultimo pezzo delle stringhe.

Oppure (piu` semplice) passare i parametri in modo diverso tra mouseover e mouseout.

Ciao
Michele

[hcka]

Le tre stringhe che mi da sono:
1. L'indirizzo assoluto dell'immagine di partenza.. giusto.
2. L'indirizzo relativo, dalla cartella dove si trova lo script, dell'immagine di partenza.. giusto.
3. L'indirizzo relativo, dalla cartella dove si trova lo script, dell'immagine da switchare.. giusto.

Però non va.. -.-

[hcka]

HO SCOPERTO DOVE STANNO I CAZZI!!!

Mi allerta:
file:///F:/Documents%20and%20Settings/Administrator/Documenti/web/w/images/link.gif

../images/link.gif

../images/linkover.gif

Ci credo che non funziona.. confronta il primo con il secondo.. e non sono =!!!
Se faccio un search?

FUNGE!!!

function switchimage(el, img2switch, imginit) {
  var im = document.images[el];
  imginit="../images/"+imginit;
  img2switch="../images/"+img2switch;
//  alert(im.src + "  " + imginit + "  " + img2switch);
  if(im.src.search(imginit)!=-1){/*alert(im.src.search(imginit));*/ im.src=img2switch;}
  else im.src=imginit;
}

Grazie mille Mich_!

[Mich_]

E` chiaro che non va. I due valori che confronti non sono uguali. Te l'avevo detto subito, ma non sapevo quale era il tuo problema esatto.

Puoi provare a modificare cosi`:

function switchimage(el, img2switch, imginit) {
  var im = document.images[el];
  imginit="../images/"+imginit;
  img2switch="../images/"+img2switch;
  var uno = im.src.substr(im.src.lastIndexOf("/"));
  var due = imginit.substr(imginit.lastIndexOf("/"));
  alert(uno + "  " + due + "  " + img2switch);
  if (uno == due) im.src=img2switch;
  else im.src=imginit;
}

Che dovrebbe risolvere il ptuo problema specifico, ma none` generalizzabile.

Ciao
Michele

[hcka]

Grazie mille.. ora non è che il Gosu Mich_ mi darebbe un'occhiata anche a: questo 3ad?