Javascript 2 DIV, un seul affichage.

Fermé
Jin - 26 nov. 2007 à 16:27
 Alain42 - 27 nov. 2007 à 18:37
Bonjour,

alors voila, j'ai 2 div dans la même page, un au top de la page et un autre dans un tablo. je ne souhaite afficher ce div qu'une seule fois en fonction de la taille du navigateur. voila un exemple de ce que je souhaite :

<div id="top"> TEXTE A AFFICHER !!! </div>

<table><tr>
<td>
<div id="top2"></div>
</td>
<td>MENU</td>
</tr>
</table>

je voudrais que top2 affiche ce qui est contenu dans top si la fenetre du navigateur est superieur a une taille indiquée.
je suis sur que c'est pas bien compliqué, mais je me galere dessus !

Merci a tous !

3 réponses

Bonsoir,

en javascript:

1- tu récupères la résolution de l'écran du visiteur
2- en fonction des valeurs lues tu charges ton div 2 par innerHTML


<script LANGUAGE="javascript">
var wid=screen.width;
var hei=screen.height;

if (hei>640) { 
var obj=document.getElementById('top2');
obj.innerHTML="ce_que_tu_veux_afficher_la";
}
</script>



@lain
0
merci pour ta réponse, j'ai pu avancer un peu grace a ta réponse.
cependant, ce n'est pas réellement ce que je cherchais.

je souhaite recuperer le contenu dans le id top pour l'afficher en top si la résolution < x et sinon en top2.
j'etais deja sur le innerHTML. mais ce n'est pas réellement ce que je souhaitais.

merci
Jin
0
Bonsoir,

je t'ai fait un tout petit bout de script JS dans ce fichier qui te permet de lire le contenu d'un DIV et de l'écrire dans un autre, en t'inspirant de ça tu devrais pouvoir arriver à faire ce que tu souhaites.

<html>
<head>
<script language="javascript" type="text/javascript">
function lire_ecrire_div(div1,div2){
	var val_lue=document.getElementById(div1).innerHTML;
	alert("Valeur lue dans div1: "+val_lue);
	var obj=document.getElementById(div2);
	obj.innerHTML=val_lue;
}

</script>
</head>
<body>
Essai de lecture ecriture d'un div a un autre<br>
<div id="div_lu">Contenu 1</div>
<br><br>
<div id="div_ecrit"></div>
<br>
<form >

<input type="button" value="lire-ecrire" onClick="lire_ecrire_div('div_lu','div_ecrit');">
</form>
</body>
</html>
0