Afficher/masquer 1 div à "distance"

**ChristiandeGranville** · 18/03/2011, 12h42

Bonjour à tous et pardon pour le titre (difficile pour moi de le formuler avec les termes exacts)

Voici le schéma des div :

--div1------------div2--
--div3------------------
--div4----div5----div6--
--div7------------------

La div7 n'étant pas visible à l'état naturel (avec display:;none),
je fais appel à vos compétences en javascript pour savoir s'il est possible de rendre visible ou invisible cette div7 en utilisant une fonction onmouseover et onmouseout sur la div2 ?

A moins qu'il soit préférable d'utiliser d'autres éléments que les div ?

Merci d'avance

**SpaceFrog** · 18/03/2011, 12h55

qu'est ce qui t'empêcherait de faire sur le onmouseover du div 2:

Code :

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

document.getElementById('iddiv7').style.display='block';

**ChristiandeGranville** · 18/03/2011, 13h11

J'ai essayé votre solution, mais sans succès.

Je précise que toutes ces div se trouvent dans un script php dans lequel chaque div récupère les variables d'une table sql.

**SpaceFrog** · 18/03/2011, 13h24

php et sql n'ont rien à voir là dedans

montre nous plutot le html généré

**ChristiandeGranville** · 18/03/2011, 14h08

Comme demandé, voici le code de ma page :

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
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html><head><title>Publications</title>
<!-- http://localhost/php5/Genese/Ressources/Publications.php -->
<meta content="text/html; charset=iso-8859-1" http-equiv="content-type">
<meta http-equiv="Page-Enter" content="blendTrans(Duration=1)">
<meta http-equiv="Page-Exit" content="blendTrans(Duration=1)">
<link rel="stylesheet" type="text/css" href="StylesFrames.css">
<script src="scd.js"></script>
</head>
<body bgcolor="white" topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0">
<div style="padding-top:10px;" align="center"><font size="5">PUBLICATIONS</font></div>
<hr width="96%">
<?php
$host = "pf7-mysql.online.net";
$user = "bdgenesesql";
$pass = "--sql--";
$link = mysql_connect($host,$user,$pass);
mysql_select_db("bdgenesesql", $link);
$sql = "SELECT * FROM publications ORDER BY id DESC";
$result = mysql_query($sql);
while($row = mysql_fetch_assoc($result)) {
 
        echo '<div id="PubliA">';
                echo '<div id="PubliA1">A12';
                echo '</div>';
                echo '<div id="PubliA2" onmouseover="document.getElementById("PubliD").style.display="block";">';
                        echo 'A3';
                echo '</div>';
        echo '</div>';
 
        echo '<div id="PubliB">B123';
        echo '</div>';
 
        echo '<div id="PubliC">';
                echo '<div id="PubliC1">C1';
                echo '</div>';
                echo '<div id="PubliC2">C2';
                echo '</div>';
                echo '<div id="PubliC3">C3';
                echo '</div>';
        echo '</div>';
 
        echo '<div id="PubliD">DD123';
        echo '</div>';
}
mysql_close($link);
?>
</body></html>

Est-ce suffisant ?

**javatwister** · 18/03/2011, 14h11

j'adore le html généré

Afficher/masquer 1 div à "distance"

JavaScript

Vue hybride

Discussions similaires

Partager

Partager