Discussion :

[kOrt3x]

Bonjour,

J'ai commencé un script qui permet d'afficher une div quand on clique sur le lien "Cliquez ici" et un autre lien qui permet de fermer cet div quand on clique sur le lien "Fermer" qui se trouver dans la div.
Voilà mon code actuel :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
- Contacter par courrier postal : <a onclick="document.getElementById('noteformadresse').style.display='block'" href="javascript:;">Cliquez ici</a>
<br />
<br />
    <div id="noteformadresse" style="display: none;">
        <div id="form_contact">
        <fieldset>
                <legend>Adresses postales</legend>
                      texte ici
                    <p align="center"><a onclick="document.getElementById('noteformadresse').style.display='none'" href="javascript:;">Fermer</a></p>
        </fieldset>
        </div>

Ce que j'aimerai faire, c'est ne plus avoir le lien "Fermer" dans la div, mais que le lien soit à la place du lien "Cliquez ici".

Quelqu'un aurait une idée ?

Par avance, merci.

[SpaceFrog]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

onclick="func1();func2();return false;"

[E.Bzz]

Salut.

Ce que j'aimerai faire, c'est ne plus avoir le lien "Fermer" dans la div, mais que le lien soit à la place du lien "Cliquez ici".

Tu peux préciser ?
Parce que j'aurais répondu comme SpaceFrog, mais je suppose qu'un lien qui affiche le div puis le masque dans la foulée (ou l'inverse) ne t'intéresse pas

A+

[SpaceFrog]

ben sinon dans le principe ...
http://www.developpez.net/forums/d88...affichage-div/

[E.Bzz]

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

- Contacter par courrier postal : <a id="lien" onclick="Ouvrir();return false;" href="#">Afficher</a>

avec

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
function Ouvrir() {
  document.getElementById('noteformadresse').style.display='block'; 
  document.getElementById('lien').onclick = Fermer;
  document.getElementById('lien').innerHTML = "Masquer";
}
function Fermer() {
  document.getElementById('noteformadresse').style.display='none'; 
  document.getElementById('lien').onclick = Ouvrir;
  document.getElementById('lien').innerHTML = "Afficher";
}

??

A+

[kOrt3x]

Code html :
- Contacter par courrier postal : <a id="lien" onclick="Ouvrir();return false;" href="#">Afficher</a>

avec

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
function Ouvrir() {
  document.getElementById('noteformadresse').style.display='block'; 
  document.getElementById('lien').onclick = Fermer;
  document.getElementById('lien').innerHTML = "Masquer";
}
function Fermer() {
  document.getElementById('noteformadresse').style.display='none'; 
  document.getElementById('lien').onclick = Ouvrir;
  document.getElementById('lien').innerHTML = "Afficher";
}

??

A+

Super, c'est exactement ce que je veux, j'étais justement en train de faire les fonctions.

Merci à tous.

[kOrt3x]

Par contre, est-il possible d'utiliser ces fonctions dans une boule php ?

voici mon code php :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
while ($affichageNews = mysql_fetch_array($query_news)){
   			echo "<b>".$affichageNews['date'];
   			echo "</b>";
   			echo " - ";
   			echo $affichageNews['titre'];
 
			// affichage du detail
			echo "  (<a onclick=\"document.getElementById('detailnews".$affichageNews['id']."').style.display='block'\" href=\"javascript:;\">D&eacute;tail</a>)";
			echo '<br />';
			echo '<br />';
			echo '<div id="detailnews'.$affichageNews['id'].'" style="display: none;">';
			echo '<p align="left">';
 
			echo $affichageNews['detail'];
			//echo $affichageNews['page']; // affichage de la page
			echo "<br />";
			echo '</p>';
			echo '<p align="left">';
			echo "<a onclick=\"document.getElementById('detailnews".$affichageNews['id']."').style.display='none'\" href=\"javascript:;\">Fermer</a>";
			echo '</p>';
			echo "<br />";
			echo '</div>';
 
  		}

Par avance, merci.

[E.Bzz]

La seule restriction (a priori) est l'unicité des id.

Pour qu'elle soit respectée, il suffit de concaténer un compteur (incrémenté par la boucle) à la partie fixe de chaque id généré par la boucle.

Par contre il faudra modifier les fonctions pour leur passer :

1. l'id de l'objet à afficher/masquer
2. l'id du lien utilisé (this.id)

A+