Javascript 2 DIV, un seul affichage.
Jin
-
Alain42 -
Alain42 -
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 !
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 !
A voir également:
- Javascript 2 DIV, un seul affichage.
- Supercopier 2 - Télécharger - Gestion de fichiers
- Double affichage sur un seul écran - Guide
- Windows 11 affichage classique - Guide
- Telecharger javascript - Télécharger - Langages
- Problème affichage page internet google chrome ✓ - Forum Google Chrome
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
@lain
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
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
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
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.
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>