rss
Ils ont besoin de votre aide Tous les messages sans réponse
Rechercher : dans
Par : Pertinence Date Nom d'utilisateur
Statut : Non résolu

Javascript 2 DIV, un seul affichage.

Posté par Jin, le lundi 26 novembre 2007 à 16:27:19
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 !
Configuration: Windows XP
Firefox 2.0.0.9
Répondre à Jin  Signaler ce message aux modérateurs Aller au dernier message

1


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Alain42, le lundi 26 novembre 2007 à 18:08:44
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
   
Répondre à Alain42

2


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Jin, le mardi 27 novembre 2007 à 10:55:56
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
   
Répondre à Jin

3


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
 Alain42, le mardi 27 novembre 2007 à 18:37:52
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');"&g­t;
</form>
</body>
</html>
   
Répondre à Alain42
Posez votre question Répondre
Logiciels pertinents trouvés dans les téléchargements
Télécharger Aide-mémoire 2.3Aide-mémoire - Ce logiciel permet de coller des aides mémoires (post-it) sur votre bureau. Son but est simple, éviter de décorer votre...Catégorie: Organisation
Licence: Freeware/gratuit
Télécharger Miro 1.2.4Miro - Miro est un logiciel gratuit (libre) permettant de regarder ou télécharger des émissions télévisées à travers plus de 2500...Catégorie: TV
Licence: Open Source
Télécharger Powerpoint Viewer 2007Powerpoint Viewer - La visionneuse PowerPoint 2007 permet d'afficher des présentations ( Fichier PPT ) avec de nombreuses fonctionnalités créées...Catégorie: Présentation
Licence: Freeware/gratuit
Télécharger Dr.DivX OSS 2.0.0Dr.DivX OSS - Dr. DivX OSS est une application libre et portable permettant de convertir (transcoder) un grand nombre de formats vidéo...Catégorie: Conversion
Licence: Open Source
Plus de logiciels gratuits sur « javascript 2 DIV, un seul affichage. »