Afficher en mode previsualisation comme outlook

Version imprimable

09/09/2008, 00h32
xibaarinfo

Afficher en mode previsualisation comme outlook

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.
09/09/2008, 14h25
Bovino

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 ?
09/09/2008, 14h34
SpaceFrog

un tableau avec un toggle du display de certaines lignes ??
09/09/2008, 14h55
xibaarinfo
Citation:

Envoyé par SpaceFrog

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

Kesako ? ;)

Citation:

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:

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:

1 2 3 4 5 Nom : n1 Prenom : p1 Age : 89 Sexe : M
09/09/2008, 15h08
Bovino

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

Code:

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

éventuellement après avoir rempli la div des infos que tu veux afficher...
09/09/2008, 15h11
SpaceFrog

:roll:

Citation:

toggle du display

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:

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>