Script.js pour afficher un iframe

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par trustno1, 26 Septembre 2005.

  1. trustno1
    trustno1 WRInaute occasionnel
    Inscrit:
    7 Août 2005
    Messages:
    358
    J'aime reçus:
    0
    Bonjour,

    est-il possible que le code suivant affiche un iframe ?
    <script language="javascript" src="script.js"></script>

    Comment scripter (script.js) pour réaliser ce truc .

    Merci pour votre aide ..
     
  2. Albert1
    Albert1 WRInaute impliqué
    Inscrit:
    23 Août 2005
    Messages:
    771
    J'aime reçus:
    0
    je pense que c'est "une brillante idée" !
     
  3. trustno1
    trustno1 WRInaute occasionnel
    Inscrit:
    7 Août 2005
    Messages:
    358
    J'aime reçus:
    0
    bein ca existe pour afficher un popup ... pourquoi pas un iframe ?
     
  4. Borower
    Borower WRInaute passionné
    Inscrit:
    18 Avril 2005
    Messages:
    1 671
    J'aime reçus:
    0
    Pourquoi vouloir afficher une iframe.
    Il n'y a que des inconvenients dans les Iframes
     
  5. trustno1
    trustno1 WRInaute occasionnel
    Inscrit:
    7 Août 2005
    Messages:
    358
    J'aime reçus:
    0
    oui, c'est pour l'integration dans plusieurs fichiers ... j'ai un .js, et je cherche quoi mettre dedant pour afficher un iframe ...


    <script language="javascript" src="script.js"></script>
     
  6. trustno1
    trustno1 WRInaute occasionnel
    Inscrit:
    7 Août 2005
    Messages:
    358
    J'aime reçus:
    0
    pour afficher un popup on met dans un fichier .js le code suivant :

    Code:
    <!--
    var stickerX=0, stickerY=0;
    var stickerVX=0.0, stickerVY=0.0;
    var stickerAX=0.0, stickerAY=0.0;
    var stickerCurX=1280, stickerCurY=-800;
    var stickerWidth, stickerHeight;
    var sticker_closed=true;
    var stickHotX, stickHotY;
    var notimeout = false;
    var isIE6 = document.all && document.getElementById ? true : false;
    var isNS6 = ! isIE6 && document.getElementById ? true : false;
    var win_w, win_h;
    
    function closeSticker(){
    	sticker_closed = true;
    	stickerX = -(stickerWidth+1000);
    	moveSticker();
    }
    
    function initStickerPos(){
    	var x, y;
     	var layer = document.getElementById ('pub_perso');
    y = -(stickerHeight+500);
    x = -(stickerWidth+10);
    	stickerCurX=x;
    	stickerCurY=y;
      	if (isIE6) {
        		layer.style.pixelLeft = x;
        		layer.style.pixelTop = y;
    	}
      	else if (isNS6) {
        		layer.style.left = x+'px';
        		layer.style.pixelTop = y+'py';
    	}
    }
    
    function updateStickerTarget(){
    	if(sticker_closed) return;
    stickerY = 100;
    if (isIE6) {
    stickerX = document.body.clientWidth + document.body.scrollLeft;
    }
    else {
    stickerX  = window.pageXOffset;
    }
    stickerX -= (stickerWidth+370);
    	stickerVY += 10;
    }
    function onResize(){
    	updateStickerTarget();
    	notimeout = false;
    	setTimeout('moveSticker()', 20);
    }
    
    function accelSticker(x, y){
    	var dx, dy;
    	dx= stickerX - x;
    	dy= stickerY - y;
    		stickerAX  = dx / 60;
    		stickerAY  = dy / 60;
    }
    
    function moveSticker(){
    	var x, y, ax, ay;
     	var layer = document.getElementById ('pub_perso');
    	accelSticker(stickerCurX, stickerCurY);
    	stickerVX*=0.92;
    	stickerVY*=0.92;
        	stickerVX += stickerAX;
    	stickerVY += stickerAY;
    	stickerCurX+=stickerVX ;
    	stickerCurY+=stickerVY ;
    	x = Math.round(stickerCurX);
    	y = Math.round(stickerCurY);
      	if (isIE6) {
        		layer.style.pixelLeft = x;
        		layer.style.pixelTop = y;
    	}
      	else if (isNS6) {
        		layer.style.left = x+'px';
        		layer.style.pixelTop = y+'py';
    	}
    
    	if(x == stickerX && y == stickerY && stickerVX < 1 && stickerVY < 1){
    		notimeout = true;
    		saveSize();
    	  	setTimeout('checkSize()', 1000);
    	}
    	else{
    		notimeout = false;
    	  	setTimeout('moveSticker()', 20);
    	}
    }
    function saveSize(){
    	if(isIE6){
    		win_h = document.body.clientHeight;
    		win_w = document.body.clientWidth;
    	}
    }
    
    function checkSize(){
    	if(notimeout == false) return;
    	if(isIE6){
    		if(win_w != document.body.clientWidth || win_h !=document.body.clientHeight)
    			onResize();
    		else
    			setTimeout('checkSize()', 1000);
    	}
    }
    
    function initSticker(width, height){
      sticker_closed=false;
      stickerWidth = width;
      stickerHeight = height;
      initStickerPos();
      updateStickerTarget();
      if(isIE6){
    	  for(i=1;i<=3;i++){
    	    	xImg = document.images["sticker"+i];
    		if(xImg){
    		    xImg.ondragstart = function(){return false};
    		    xImg.onmousedown = function(){catchImg(this)};
    		    xImg.onmouseup = function(){dropImg(this)};
    		    xImg.onmouseover = function(){findImg(this)};
    		}
      	}
      }
      notimeout = false;
      setTimeout('moveSticker()', 2*1000); //2 secondes
    }
    
    function catchImg(theImg, e){
      if(!e) e = event;
      theDiv = theImg.parentNode;
      theDiv.style.cursor = "hand";
      theDiv.onmousemove = moveImg;
      stickHotX = e.x - stickerCurX;
      stickHotY = e.y - stickerCurY;
      return false;
    }
    function moveImg(e){
      if(!e) e = event;
      stickerX = e.x - stickHotX ;
      stickerY = e.y - stickHotY ;
      if(notimeout){
      	setTimeout('moveSticker()', 20);
      }
    }
    function dropImg(theImg, e){
      if(!e) e = event;
      theDiv = theImg.parentNode;
      theDiv.onmousemove = null;
    window.status = theImg.name;
      theImg.parentNode.style.cursor = "auto";
    stickerVY += 10;
    }
    
    function findImg(theImg){
      window.status = theImg.name;
      theImg.parentNode.style.cursor = "hand";
    }
    
    //	window.onLoad=initSticker();
    //	window.onresize=onResize();
    
    function StickerPerso(opacity, width, height, dest){
    	var flash_mode, w;
    	w = width - 78;
    	document.write('<div id="pub_perso" style="position:absolute; left:1000px; top:1000px; z-index:1"><table border="0" cellspacing="0" cellpadding="0"><tr> <td><table border="0" cellspacing="0" cellpadding="0"><tr><td width="1"><img name="sticker1" src="stickbar_left.gif" width="15" height="16"></td><td width="1"><img name="sticker2" src="stickbar_title.gif" width="46" height="16"></td><td width="1"><img name="sticker3" src="stickbar_middle.gif" width="'+w+'" height="16"></td><td width="1"><a href="javascript:closeSticker()"><img src="stickbar_right.gif" width="17" height="16" border="0"></a></td></tr></table></td></tr><tr><td>');
        document.write(''+dest+'');
    	document.write("</td></tr></table></div>");
    	initSticker(width, height);
    }
    StickerPerso(100, 250, 250, "<iframe src=\"pub250.htm\" width=\"250\" height=\"250\" frameborder=\"0\" border=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"></iframe>");
    
    //-->
    et pour afficher un iframe au lieu du popup ?
    Merci pour votre aide
     
  7. Borower
    Borower WRInaute passionné
    Inscrit:
    18 Avril 2005
    Messages:
    1 671
    J'aime reçus:
    0
    Code:
    document.write('<iframe src=\"pub250.htm\" width=\"250\" height=\"250\" frameborder=\"0\" border=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"></iframe>');
    Je pense que c'est ce que tu veux.
    Apres tu change le fichier pub250.htm par le fichier voulu dans la frame.
    Tu change les attributs de taille.
     
  8. trustno1
    trustno1 WRInaute occasionnel
    Inscrit:
    7 Août 2005
    Messages:
    358
    J'aime reçus:
    0
    mille merci, ca marche très bien ... merci encore pour votre assistance.
     
  9. Borower
    Borower WRInaute passionné
    Inscrit:
    18 Avril 2005
    Messages:
    1 671
    J'aime reçus:
    0
    De rien
    J'ai juste repris le code que tu as donné.
    J'ai ajouté document write.
    Pense souvent a cette fonction elle est utile pour le javascript
     
Chargement...
Similar Threads - Script afficher iframe Forum Date
Wordpress : Je n'arrive pas à afficher la description d'une catégorie... Développement d'un site Web ou d'une appli mobile 28 Avril 2014
Afficher une image en javascript Développement d'un site Web ou d'une appli mobile 2 Mai 2013
Script pour compter et afficher le nombre de mots d'une page Développement d'un site Web ou d'une appli mobile 5 Février 2013
Script pour afficher un lien uniquement sur la page d'accueil Développement d'un site Web ou d'une appli mobile 2 Décembre 2012
[WP] Afficher la description des tags Développement d'un site Web ou d'une appli mobile 18 Août 2012
Comment faire pour afficher seulement titres et descriptions en français si sur Google FR? Crawl et indexation Google, sitemaps 20 Octobre 2011
Javascript (ou autre) pour afficher le mois en cours Développement d'un site Web ou d'une appli mobile 25 Décembre 2010
solution pour afficher directement title + description Développement d'un site Web ou d'une appli mobile 16 Octobre 2009
Script ou logiciel pour ajouter/afficher des articles Développement d'un site Web ou d'une appli mobile 10 Mars 2009
Petite aide en Javascript (afficher, cacher, délais, stop) Développement d'un site Web ou d'une appli mobile 1 Mars 2009
[javascript] afficher quelques chose dans un champ input hidden Développement d'un site Web ou d'une appli mobile 13 Janvier 2009
Comment afficher les annonces javascript sous joomla Développement d'un site Web ou d'une appli mobile 26 Septembre 2008
Pb Script Afficher PageRank Netlinking, backlinks, liens et redirections 23 Avril 2008
Afficher une page selon son id pour script recherche Développement d'un site Web ou d'une appli mobile 10 Avril 2008
[Résolu] Afficher du javascript en php sous condition Développement d'un site Web ou d'une appli mobile 21 Juillet 2007
Script "Afficher derniers articles" Développement d'un site Web ou d'une appli mobile 30 Mai 2007
Ne pas afficher description DMOZ Débuter en référencement 17 Octobre 2006
Afficher un flux rss via javascript Développement d'un site Web ou d'une appli mobile 16 Mai 2006
[phpbb] script pour afficher les derniers topic sur l'indexe URL Rewriting et .htaccess 7 Octobre 2005
Script en php pour afficher les 10 derniers posts d'un forum Administration d'un site Web 5 Juillet 2004