IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Afficher page dans document.createElement('div')


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Étudiant
    Inscrit en
    Janvier 2008
    Messages
    32
    Détails du profil
    Informations personnelles :
    Âge : 36
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Janvier 2008
    Messages : 32
    Par défaut Afficher page dans document.createElement('div')
    Bonjour à tous,

    Voilà, j'ai un petit problème avec mon script. Je souhaite que lorsque l'utilisateur passe avec sa souris sur une zone de la page, une <div> (ou autre) soit affichée dynamiquement au dessus de la page, à une position fixe pour afficher à cet endroit le contenu d'une autre page (en php, lisant et mettant en forme des informations depuis une base de donnés MySQL).

    Je suis arrivé à ceci :

    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
     
    function GetDomOffset( Obj, Prop ) {
    	var iVal = 0;
    	while (Obj && Obj.tagName != 'body') {
    		eval('iVal += Obj.' + Prop + ';');
    		Obj = Obj.offsetParent;
    	}
    	return iVal;
    }
    function dispActu(obj,text) {	
    	var objdiv = document.createElement('div');
    	objdiv.style.display='none';
    	objdiv.style.position='absolute';
    	objdiv.style.padding='1px';
    	objdiv.style.border='1px solid #000000';
    	objdiv.style.backgroundColor="#FFFFFF";
    	objdiv.style.color="#000000";
    	objdiv.innerHTML="Chargement en cours";
    	var actArea = document.createElement('img');
    	var x=GetDomOffset(document.getElementById('actus'), 'offsetTop') ;
    	var y=GetDomOffset(document.getElementById('actus'), 'offsetLeft') ;
    	objdiv.style.left= (y+130) + "px";
    	document.body.appendChild (objdiv);	
    	obj.onmouseout=function() {document.body.removeChild (objdiv);}
    	actArea.onload=function() {
    		objdiv.innerHTML="";
    		objdiv.appendChild(actArea);		
    		objdiv.style.top= (x+7) + "px";
    		objdiv.style.display='block';
    	}
    	actArea.style.width='300px';
    	actArea.style.height='300px';
    	actArea.src=text;
    }
    Problème, lorsque j'essaye d'afficher autre chose qu'une image, (un <object type="text/html"> ou un <span>), celà ne marche pas : rien ne s'affiche lors du passage de la souris et la console javascript ne donne aucune erreur :

    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
     
    function dispActu(obj,text) {	
    	var objdiv = document.createElement('div');
    	objdiv.style.display='block';
    	objdiv.style.position='absolute';
    	objdiv.style.padding='1px';
    	objdiv.style.border='1px solid #000000';
    	objdiv.style.backgroundColor="#FFFFFF";
    	objdiv.style.color="#000000";
    	objdiv.innerHTML="Chargement en cours !";
    	var actArea = document.createElement('object');
    	var x=GetDomOffset(document.getElementById('actus'), 'offsetTop') ;
    	var y=GetDomOffset(document.getElementById('actus'), 'offsetLeft') ;
    	objdiv.style.left= (y+130) + "px";
    	document.body.appendChild (objdiv);	
    	obj.onmouseout=function() {document.body.removeChild (objdiv);}
    	actArea.onload=function() {
    		objdiv.innerHTML="";
    		objdiv.appendChild(actArea);		
    		objdiv.style.top= (x+7) + "px";
    		objdiv.style.display='block';
    	}
    	actArea.width='300px';
    	actArea.height='300px';
    	actArea.type="text/html";
    	actArea.data="news/news.php";
    }
    La page en question se situe ici.

    Merci d'avance pour votre aide
    A+

  2. #2
    Invité de passage
    Inscrit en
    Février 2011
    Messages
    1
    Détails du profil
    Informations forums :
    Inscription : Février 2011
    Messages : 1
    Par défaut demande d'information
    slt,

    svp vous pouvez expliquer votre solution, car j'essaye de faire la même chose.

    merci d'avance.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. div width 100% de la page dans une autre div width 950px
    Par hotmykeul dans le forum Mise en page CSS
    Réponses: 20
    Dernier message: 01/08/2013, 09h26
  2. [XL-2003] probleme afficher page dans un autre classeur
    Par Jcorbeaux dans le forum Macros et VBA Excel
    Réponses: 0
    Dernier message: 07/08/2012, 23h51
  3. [WD-2003] numerotation page dans document
    Par nono60 dans le forum Word
    Réponses: 4
    Dernier message: 22/06/2011, 11h30
  4. Afficher une page dans une DIV
    Par shako95 dans le forum Mise en page CSS
    Réponses: 8
    Dernier message: 01/12/2006, 09h57
  5. afficher page externe dans un div
    Par ouedmouss dans le forum JSF
    Réponses: 1
    Dernier message: 16/11/2006, 19h01

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo