Sottospecie di pop up

[Sonikag]

Dunque, ho una immagine, vorrei che al passaggio del mouse si rendesse visibile un layer contenente una foto.
Il nome della foto è un parametro che devo passare.

Ho discreta ruggine sul javascript come posso fare?

[var]

[img]pic.jpg[/img]

dove 'idlayer' è l'id del tuo livello.

ciao

[Sonikag]

Il mio livello:

<div id="fotografia" style="BORDER-RIGHT:#000000 1px; BORDER-TOP:#000000 1px; Z-INDEX:1; LEFT:6px; VISIBILITY:hidden; BORDER-LEFT:#000000 1px; WIDTH:101px; BORDER-BOTTOM:#000000 1px; POSITION:absolute; TOP:176px; HEIGHT:100px; BACKGROUND-COLOR:#9900cc; layer-background-color:#9900CC"></div>

La mia immagine:

[img]areariservata/img/img.gif[/img]</span>

Ma non funziona... why?

[Mich_]

La sintassi corretta e`:

document.getElementById('fotografia').style.visibility = ...

Non ci sono attributi maiuscoli nei CSS.

In qualche browser potrebbe nonessere possibile usare onmouseover/onmouseout su un tag <img>. Dovresti racchiudere il tag <img> dentro un <a> ed applicare gli eventi a tale oggetto.

[Sonikag]

Mi dice che c'è un errore di sintassi...

[img]areariservata/img/img.gif[/img]
	
<div id="fotografia" style="BORDER-RIGHT:#000000 1px; BORDER-TOP:#000000 1px; Z-INDEX:1; LEFT:6px; VISIBILITY:hidden; BORDER-LEFT:#000000 1px; WIDTH:101px; BORDER-BOTTOM:#000000 1px; POSITION:absolute; TOP:176px; HEIGHT:100px; BACKGROUND-COLOR:#9900cc; layer-background-color:#9900CC"></div>

[Mich_]

Dove e` l'errore?

Perche` gli attributi CSS maiuscoli sono sbagliati.
E l'attributo layer-qualcosa non mi risulta che esista.

[Sonikag]

Non cambia

[img]areariservata/img/img.gif[/img]
	
<div id="fotografia" style="border-right:#000000 1px; border-top:#000000 1px; z-index:1; left:6px; visibility:hidden; border-left:#000000 1px; width:101px; border-bottom:#000000 1px; position:absolute; top:176px; height:100px; background-color:#9900CC"></div>

Quel codice era generato da DW... ho messo tutto in minuscolo ma mi da erroe sulla linea del div...

[Mich_]

Non mi convince.

Se usi un programma lato server, forse i numeri di linea sono sbagliati: vedi come e` il codice che arriva al browser, e conta le righe in tale codice.

[Sonikag]

Avevo ommesso 2 apici e non funzionava :P

Adesso vorrei sapere se è possibile dal tag <a....> passare il nome di una foto e far si che la foto compaia dentro il pop up!

Versione corretta:

[img]areariservata/img/img.gif[/img]
	
<div id="fotografia" style="border-right:#000000 1px; border-top:#000000 1px; z-index:1; left:6px; visibility:hidden; border-left:#000000 1px; width:101px; border-bottom:#000000 1px; position:absolute; top:176px; height:100px; background-color:#9900CC"></div>

[Mich_]

Allora conviene fare una funzione a parte.

[img]areariservata/img/img.gif[/img]


dove in uno script nella head della pagina ci sara`:

function mostra (cosa) {
  if(cosa.length>2) {
    document.getElementById('immagine').src = cosa;
    document.getElementById('fotografia').style.visibility = 'visible';
  } else {
    document.getElementById('fotografia').style.visibility = 'hidden';
  }
}

Il CSS andrebbe messo in un file esterno o per lo meno nella head:

<style type="text/css">
#fotografia {
  border-right:#000000 1px; 
  border-top:#000000 1px; 
  z-index:1; left:6px; 
  visibility:hidden; 
  border-left:#000000 1px;
  width:101px;
  border-bottom:#000000 1px;
  position:absolute;
  top:176px; height:100px;
  background-color:#9900CC:
}
</style>

Allora il tag Div diventa:
<div id="fotografia">[img]QUALCOSA[/img]</div>