Afficher en mode previsualisation comme outlook

**xibaarinfo** · 09/09/2008, 00h32

Bonjour a tous,
Je voudrais apres une recherche qui me ramene plusieurs lignes, avoir la previsualisation des details lorsque l'on clique sur une ligne.
Ca ressemblerait a la previsualisation des mails sous outlook : lorsque l'on selectionne un mail, on a le contenu du mail dans la fenetre du bas.
Merci d'avance

PS : Je ne veux pas utiliser AJAX.

**Bovino** · 09/09/2008, 14h25

Essaye d'être un peu plus précis dans ta demande pour obtenir des réponses...
Tu veux prévisualiser des mails ? Ils sont stockés où ? A quoi ressemble ton code ? Pourquoi pas Ajax ?

**SpaceFrog** · 09/09/2008, 14h34

un tableau avec un toggle du display de certaines lignes ??

**xibaarinfo** · 09/09/2008, 14h55

Envoyé par SpaceFrog

un tableau avec un toggle du display de certaines lignes ??

Kesako ?

Envoyé par Bovino

Tu veux prévisualiser des mails ? Ils sont stockés où ? A quoi ressemble ton code ? Pourquoi pas Ajax ?

Exemple j effectue une recherche qui me ramene toutes les infos des personnes , mais je n affiche que le nom et prenom

Code :

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

1
2
3
4
5
6
7
 
 
Nom       Prenom
----       -------
n1         p1
n2         p2
n3         p3

Ce que je veux par ex si je clique sur la ligne de la personne (n2,p2),
un pave s affiche en dessous avec les details (dispo dans la page) :

Code :

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

1
2
3
4
5
 
Nom     : n1
Prenom : p1
Age      : 89
Sexe     : M

**Bovino** · 09/09/2008, 15h08

Mets une div cachée (<div style="display:none">) puis sur tes noms et/ou prenoms, un

Code :

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

onclick="document.getElementById('div_a_afficher').style.display=''"

éventuellement après avoir rempli la div des infos que tu veux afficher...

**SpaceFrog** · 09/09/2008, 15h11

toggle du display

**xibaarinfo** · 10/09/2008, 12h55

J'ai fait une recherche sur google avec le mot cle "toggle" entre autre, j'ai trouve un exemple tout fait pour les faineants comme moi. Merci pour toutes les contributions.

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
 
<script language=javascript type='text/javascript'>
function showDiv(pass) {
  var divs = document.getElementsByTagName('div');
  for(i=0;i<divs.length;i++){
    if(divs[i].id.match(pass))
    {//if they are 'see' divs
      if (document.getElementById) // DOM3 = IE5, NS6
        divs[i].style.visibility="visible";// show/hide
      else if (document.layers) // Netscape 4
          document.layers[divs[i]].display = 'visible';
      else // IE 4
        document.all.divs[i].visibility = 'visible';
    } 
    else 
    {
      if (document.getElementById)
        divs[i].style.visibility="hidden";
      else if (document.layers) // Netscape 4
        document.divs[i].visibility = 'hidden';
      else // IE 4
        document.all.divs[i].visibility = 'hidden';
    }
  }
}
</script>
<body onload="javascript:showDiv('x')">
 
 
 
<a href="javascript:showDiv('F256')">show 256 Div hide rest</a>
<a href="javascript:showDiv('F512')">show 512 Div hide rest</a>
 
<div id="F2561" style="position: absolute; left:5px; top:54px; background-color: #0093DD; border: 1px none #000000; visibility: hidden">
  256 Here
  <br>Mon prénom 
</div>
<div id="F512" style="position: absolute; left:5px; top:54px; background-color: #0093DD; border: 1px none #000000" > 512 Here
</div> 
</body>

Afficher en mode previsualisation comme outlook

JavaScript

Discussions similaires

Partager

Partager