Insérer une fause popup

Résolu

alborq Messages postés 52 Date d'inscription Statut Membre Dernière intervention -
Utilisateur anonyme - 1 nov. 2010 à 20:14

Bonjour, a vous
j'aiimerais inserez ma popup pub programé sur mon site web mon souci c'est que la seule facons de l'ingerer etait une iframes mais avec l'iframe la popup s'ouvrir sur la page la ou je place l'iframe se que j'aimerais c'est que la fause popup s'ouvre sur la page au premier plan sans modifié le site (la fause popup es fermable)
voici son script si sa peut aider

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Fausse popup DHTML</title>
<style type="text/css">
#windowContainer {
	position:absolute;
	top:10px;
	left:10px;
	background-color:#e5eaf5;
	border-style:solid;
	border-width:1px;
	border-top-color:#6caef1;
	border-left-color:#6caef1;
	width:1050px;
	height:505px;
}

#windowContainerBorder1 {
	position:absolute;
	top:0px;
	left:0px;
	width:1048px;
	height:503px;
	border-style:solid;
	border-width:1px;
	border-top-color:#6caef1;
	border-left-color:#6caef1;
	border-bottom-color:#6caef1;
	border-right-color:#6caef1;
}

#windowTitle {
	position:absolute;
	top:3px;
	left:3px;
	width:1043px;
	height:18px;
	background-color:#6caef1;
	font-family:ms sans serif;
	font-size:8pt;
	padding-left:2px;
	font-weight:bold;
	color:#FFFFFF;
	cursor:default;
	vertical-align:middle;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#000080', EndColorStr='#96C8FF');
}


#controlBox {
	position:absolute;
	top:5px;
	left:995px;
}

body {
	background-color:#FFFFFF;
}

#contentArea {
	position:absolute;
	padding:5px;
	top:23px;
	left:3px;
	width:1030px;
	height:792px;
	background-color:#e5eaf5;
	border-style:inset;
	border-width:2px;
	overflow:auto;
}

#resizeCapture {
	position:absolute;
	top:492px;
	left:1037px;
	width:12px;
	height:12px;
	cursor:nw-resize;
	background-image:url("resizeArea.gif");
	overflow: hidden;
}

</style>

<script language="javascript" type="text/javascript">
var WIN_HEIGHT = 300;
var WIN_WIDTH = 300;
var WIN_TITLE = "- Soutené la Guilde ! !";
var WIN_TOP  = 10;
var WIN_LEFT = 10;


var y,x;
var mDown = false;
var mResize = false;

var originalWidth = WIN_WIDTH;
var originalHeight = WIN_HEIGHT;
var originalTop = WIN_TOP;
var originalLeft = WIN_LEFT;

var isMaximized = false, isMinimized = false;

function init() {
	if(document.all)document.body.style.height = "100%";
	document.getElementById("windowContainer").style.height = WIN_HEIGHT;
	document.getElementById("windowContainer").style.width = WIN_WIDTH;
	document.getElementById("windowContainer").style.top = WIN_TOP;
	document.getElementById("windowContainer").style.left = WIN_LEFT;

	document.getElementById("windowTitle").innerHTML ="<img align=middle src=\"icon.png\"> " +  WIN_TITLE;

	// event handlers
	if(!document.all)document.captureEvents(Event.MOUSEMOVE | Event.MOUSEDOWN | Event.MOUSEUP);
	document.onmousedown=handleMouseDownEvents;
	document.onmousemove=handleMouseMoveEvents
	document.onmouseup=handleMouseUpEvents;
	document.getElementById("windowTitle").onmouseup = windowTitleMouseUp
	document.getElementById("windowTitle").onmousedown = windowTitleMouseDown;
	document.getElementById("resizeCapture").onmousedown  = resizeCaptureOnMouseDown; 
}

function resizeCaptureOnMouseDown(e) {
	mResize=true;
	captureClientXY(e); 
}

function windowTitleMouseUp() {
	mDown = false;
}

function windowTitleMouseDown(e) {
	mDown=true;
	captureOffsetXY(e);
}

function initDrag(e) {
	if(!mDown)return;
	if(document.all) {
		x2 = window.event.clientX-(x+5);
		y2 = window.event.clientY-(y+5);
	} else {
		x2 = e.clientX - (x+5);
		y2 = e.clientY - (y+5);
	}
	document.getElementById("windowContainer").style.top = y2 + "px";
	document.getElementById("windowContainer").style.left = x2 + "px";
	originalLeft  = x2;
	originalTop = y2;
}

function doResize(nX,nY) {
	nWidth = nX - x;
	nHeight = nY- y;
	cWidth = originalWidth; cHeight = originalHeight;
	cWidth+=nWidth; cHeight+=nHeight;
	if(cWidth<=75 || cHeight <= 75) return;
	document.getElementById("windowContainer").style.width = cWidth + "px";
	document.getElementById("windowContainer").style.height = cHeight + "px";

	//resize/move children
	document.getElementById("windowTitle").style.width = (cWidth -8) + "px";
	document.getElementById("windowContainerBorder1").style.width = (cWidth - 2) + "px";
	document.getElementById("windowContainerBorder1").style.height = (cHeight-2) + "px";
	document.getElementById("contentArea").style.width = (cWidth-18) + "px";
	document.getElementById("contentArea").style.height = (cHeight-50) + "px";
	
	document.getElementById("resizeCapture").style.top = (cHeight-13) + "px";
	document.getElementById("resizeCapture").style.left = (cWidth-13) + "px";

	document.getElementById("controlBox").style.left = (cWidth - 57) + "px";
}

function handleMouseUpEvents() {
	if(mDown) {
		mDown=false;
		return;
	}
	
	if(mResize) {
		mResize=false;
		document.body.style.cursor = "default";
		originalWidth = parseInt(document.getElementById("windowContainer").style.width);
		originalHeight = parseInt(document.getElementById("windowContainer").style.height);
	}
}

function doClose() {
	document.getElementById("windowContainer").style.display = "none";
}

function doMinimize() {
	if(!isMinimized) {
		markCoordinates();
		document.getElementById("windowContainer").style.height = 24 + "px";
		minTop = document.all?document.body.clientHeight:window.innerHeight;
		document.getElementById("windowContainer").style.top = (minTop-25) + "px";
		document.getElementById("contentArea").style.display = "none";
		document.getElementById("windowContainerBorder1").style.display = "none";
		document.getElementById("resizeCapture").style.display = "none";
		isMinimized = true;
	} else {
		document.getElementById("windowContainer").style.top = originalTop - "500px";
		document.getElementById("windowContainer").style.left = originalLeft - "500px";
		document.getElementById("windowContainer").style.height = originalHeight - "500px";
		document.getElementById("contentArea").style.display = "block";
		document.getElementById("windowContainerBorder1").style.display = "block";
		document.getElementById("resizeCapture").style.display = "block";
		isMinimized = false;
	}
}


function doMaximize() {
	x=0;y=0;
	if(!isMaximized) {
		markCoordinates();
		document.getElementById("windowContainer").style.top = 0;
		document.getElementById("windowContainer").style.left = 0;
		doResize(screen.width - originalWidth,screen.height - originalHeight);
		document.getElementById("contentArea").style.display = "block";
		document.getElementById("windowContainerBorder1").style.display = "block";
		document.getElementById("resizeCapture").style.display = "block";
		isMaximized = true;
	} else {
		doResize(0,0);
		isMaximized = false;
		document.getElementById("windowContainer").style.top = originalTop + "px";
		document.getElementById("windowContainer").style.left = originalLeft + "px";
	}
}

function handleMouseDownEvents(e) {
	if(mResize) {
		document.body.style.cursor = "nw-resize";
	}
}

function markCoordinates() {
	originalLeft  = parseInt(document.getElementById("windowContainer").style.left);
	originalTop = parseInt(document.getElementById("windowContainer").style.top);
}

function handleMouseMoveEvents(e) {
	if(mDown) {
		initDrag(e);
		return;
	}
	if(mResize) {
		if(document.all) {
			doResize(window.event.clientX,window.event.clientY);
		} else {
			doResize(e.clientX,e.clientY);
		}
	}
}

function captureOffsetXY(e) {
	if(document.all) {
		x=window.event.offsetX;
		y=window.event.offsetY
	} else {
		x = e.pageX - e.clientX;
		y = e.pageY - e.clientY;
	}
}

function captureClientXY(e) {
	if(document.all) {
		x = window.event.clientX;
		y = window.event.clientY;
	} else {
		x = e.clientX;
		y = e.clientY;
	}
}
</script>
<map name="ctrlBox">
<area alt="Minimize" title="reduire" coords="1,0,16,15" href="javascript:doMinimize();">
<area alt="Maximize" title="aggrandire" coords="16,0,34,16" href="javascript:doMaximize();">
<area alt="Close" title="fermer" coords="33,0,53,16" href="javascript:doClose()"">
</map>
</head>
<body onload="init();">
<div id="windowContainer"  unselectable=on>
	<div id="windowContainerBorder1"></div>
	<div onSelect="return false" id="windowTitle"></div>
	<div id="controlBox"><img src="control_box.gif" width="52" height="15" border="0" usemap="#ctrlBox" /></div>
  <div id="contentArea">
      <tr>
        <p>Soutenez les Ødyssée Cliquez sur les Pub de temps en temps pour nous aidé pour montrez que vous aimez la guilde nous vous demandons pas de contribution financière pour héberger le site juste quel que petit clique de temps en temps, merci.</p>
<style type="text/css">
@import url(http://www.google.com/cse/api/branding.css);
</style>
<div class="cse-branding-bottom" style="background-color:#999999;color:#000000">
  <div class="cse-branding-form">
    <form action="https://programmablesearchengine.google.com/about/" id="cse-search-box" target="_blank">
      <div>
        <input type="hidden" name="cx" value="partner-pub-8205697856830628:8q8gdhuof62" />
        <input type="hidden" name="ie" value="ISO-8859-1" />
        <input type="text" name="q" size="50" />
        <input type="submit" name="sa" value="Rechercher" />
      </div>
    </form>
  </div>
  <div class="cse-branding-logo">
    <img src="http://www.google.com/images/poweredby_transparent/poweredby_999999.gif" alt="Google" />
  </div>
  <div class="cse-branding-text">
    Recherche personnalis&#233;e
  </div>
</div>
 
         
<script type="text/javascript"><!--
google_ad_client = "pub-8205697856830628";
/* 336x280, date de création 01/11/10 */
google_ad_slot = "2047506436";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script><script type="text/javascript"><!--
google_ad_client = "pub-8205697856830628";
/* 336x280, date de création 01/11/10 */
google_ad_slot = "2047506436";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script><script type="text/javascript"><!--
google_ad_client = "pub-8205697856830628";
/* 336x280, date de création 01/11/10 */
google_ad_slot = "2047506436";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script>
<script type="text/javascript"><!--
google_ad_client = "pub-8205697856830628";
/* 336x280, date de création 01/11/10 */
google_ad_slot = "2047506436";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
	
        <p>Pour me contacter cliquez ici    <a href="mailto:apocaliptiqua@hotmail.fr" ><img style="fixe; margin:10px 10px width: 58px; height: 21px;" src="mail.GIF"</a></p>
	</tr>
    </table>
        <p><font size="4">	    </font> </p>
  </div>
	<div id="resizeCapture"></div>	
</div>
</body>
</html>
<meta http-equiv='Refresh' content='300' />

donc quel code je doit entrer pour que cette popup s'ouvre en premier plan sur le site sans le modifié ?

Afficher la suite

A voir également:

Insérer une fause popup
Insérer une vidéo dans powerpoint - Guide
Insérer signature word - Guide
Insérer liste déroulante excel - Guide
Insérer sommaire word - Guide
Insérer une légende word - Guide

1 réponse

Réponse 1 / 1

Utilisateur anonyme

Salut,

Utilise la propriété z-index sur ta frame pour la faire passer au premier plan ;)

Votre réponse