Script.js pour afficher un iframe

WRInaute occasionnel
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 ..
 
WRInaute occasionnel
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>
 
WRInaute occasionnel
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
 
WRInaute passionné
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.
 
WRInaute passionné
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
 
Discussions similaires
Haut