Aprire/chiudere Finestra con img

Script preso da una pagina di altervista " Mostra dettagli / chiudi dettagli"

Dove sbaglio?? Cliccando sull'immagine apri ,si apre la finestra,ma al suo posto non si visualizza l'immagine chiudi,chiaramente nella status bar in basso si visualizza un messaggio di errore la pagina se volete dare un'occhiata al codice e' QUESTA

Ciao Ciao a presto e buon lavoro a tutti .... Michele R.

°-° un po' incasinato il codice , ecco, questo dovrebbe andare :

<script>
function vedi() {
if(document.getElementById('vedi').style.display =='none'){
document.getElementById('vedi').style.display='';
document.getElementById('imga').src='./chiudi.GIF';
}else{
document.getElementById('vedi').style.display='none';
document.getElementById('imga').src='./vedi.GIF';
}
}
</script> 

<a href="javascript:vedi()"><img src="./vedi.GIF" id="imga"></a>

<div id="vedi" style="display:none;">cao</div> 

Controlla :
Se lo stile del div da vedere (vedi) è uguale (==) a 'none' , allora cambia l'immagine e lo mette visibile.
Altrimenti (else) :
toglie la visibilità al div e cambia l'immagine in quella con la scritta vedi .
:)

Mo me StriPPO!!!! MA posso inserire un codice php ,in una pagina htm/html ?? In realta' Poi sviluppero' la pagina cosi' (riguarda l'ho gia' cambiata)
Photoshop __ Apri/chiudi
Fireworks.MX __ Apri/chiudi
ecc. " " "
ecc. " " "
ogni elemento ha un id diverso .......Mbo' Nel Frattempo vedo se riesco a concludere qualcosa , con il tuo post .... A presto ciao ciao ! Michele R.

=.= php ?
:P era per colorare il codice , quello è javascript e html , nulla php :P

=.= php ?
:P era per colorare il codice , quello è javascript e html , nulla php :P

Scusa ma nu ce ho capito na mazza !!!! puoi riprovare a dare un'occhiatina al codice ti rilinco la pagina funzionante con i testi e immagini "di prova"

in locale provo cosi' ma non va'

<SCRIPT type=text/javascript>
function dropdown(layer_id, anchor_id) {
var layer = document.getElementById(layer_id);
var anchor = document.getElementById(anchor_id);
if(layer.style.display == 'none') {
layer.style.display = 'block';
anchor.innerHTML = '[CHIUDI]';//modif. '<imgscr="tutorial_img/chiudi.gif">';
} else if(layer.style.display == 'block') {
layer.style.display = 'none';
anchor.innerHTML = '[APRI]'; // modif. '<img scr="tutorial_img/apri.gif">';
}
}
</SCRIPT>

<td align="CENTER" class="tblack2" valign="top" width="408">
PHOTOSHOP<A id=anchor__Photoshop style="FONT-WEIGHT: bold; COLOR: #000099" href="javascript:dropdown('layer_Photoshop','ancho r_Photoshop');">[APRI]</A><div id="layer_Photoshop" style="display: none; width:399; height:181">

qui invece al posto di [APRI] metto
<img border="0" src="tutorial_img/apri.gif" width="130" height="37">

che dici ,non va !!!!!!!


EDIT: Quasi ci sono, ma non ancora ci date n'occhiata qui Grazie !!!!


FunCool: Non scrivere due messaggi consecutivi, utilizza il tasto Edita.

[dementialsite]

Qualcosa di strano l'ho trovato: perché quando clicchi su una delle immagini con scritto Apri/Chiudi, le vai a modificare tutte (senza che i DIV corrispondenti si aprano/chiudano)?

Nello specifico, questa è la funzione a cui mi riferisco: visto come hai specificato i nomi delle immagini sul tuo codice, dovrebbe bastare modificare il codice della funzione come segue (ti evidenzio in rosso le modifiche) e usare l'attributo ID invece di NAME per le immagini

function dropdown(layer_id, anchor_id) {
var layer = document.getElementById(layer_id);
var anchor = document.getElementById(anchor_id);
var img = document.getElementById (layer_id.substring (layer_id.indexOf ('_') + 1).toLowerCase ());
if(layer.style.display == 'none') {
img.src = 'tutorial_img/chiudi.gif';
layer.style.display = 'block';
} else if(layer.style.display == 'block') {
img.src = 'tutorial_img/apri.gif';
layer.style.display = 'none';
}
}

Stammi bene...

OK........(Sto' provando in locale)
prima mettevo

<img name="photoshop" border="0"  src="tutorial_img/apri.gif" width="130" height="37">
<img name="fireworks" border="0"  src="tutorial_img/apri.gif" width="130" height="37">

Sostituisco name con id , prima definivo <img name= con "photoshop" e "fireworks" adesso come definisco <img id =" ??????"
A presto e buon lavoro a voi tutti .....Michele R.

[dementialsite]

Non l'ho capita l'ultima domanda... l'unica cosa che avresti dovuto fare e' sostituire la voce NAME con ID, lasciando inalterato il resto del codice (dal punto di vista estetico, non dovrebbe cambiare nulla).

Il codice sopra dovrebbe funzionare proprio perche' hai furbamente (o inconsapevolmente?) chiamato "layer_Photoshop" il DIV associato all'immagine "photoshop"...

Stammi bene...

Non l'ho capita l'ultima domanda... l'unica cosa che avresti dovuto fare e' sostituire la voce NAME con ID, lasciando inalterato il resto del codice (dal punto di vista estetico, non dovrebbe cambiare nulla).

Il codice sopra dovrebbe funzionare proprio perche' hai furbamente (o inconsapevolmente?) chiamato "layer_Photoshop" il DIV associato all'immagine "photoshop"...

Stammi bene...

Ho riprovato in locale Ok funge !!! Grazie mille..