Activer une Popup depuis un menu dynamique !
Bonjour,
Je ne suis pas un expert en javascript. J’utilise un script me permettant d’afficher un menu dynamique flottant sur la partie gauche de mon écran.
Les liens qui sont activés à partir de ce menu sont avec un target= mainframe ou blank.
Je souhaite pouvoir selon les cas ouvrir une popup « en lui indiquant les options » et je ne sais pas comment l’insérer.
Si quelqu’un pouvait m’aider,. Je lui serais extrêmement reconnaissant.
Merci par avance pour vos réponses.
MarYnes
Voici mon script, qui ouvre une page bidon.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<title>MarYnes</title>
<head>
<META HTTP-EQUIV="Expires" CONTENT="Fri, Jan 01 1900 00:00:00 GMT">
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="content-language" content="en">
<meta name="author" content="">
<META HTTP-EQUIV="Reply-to" CONTENT="@.com">
<meta name="generator" content="PHPEd 1.80">
<META NAME="description" CONTENT="">
<meta name="keywords" content="">
<META NAME="Creation_Date" CONTENT="08/15/2000">
<meta name="revisit-after" content="15 days">
<title>Untitled</title>
<link href="styles.css" rel="stylesheet" type="text/css">
</head>
<BODY bgcolor="#6173a1" >
<script language="JavaScript">
<!--
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
//-->
</script>
<STYLE type="text/css">
<!--
A.ssmItems:link {color:navy;text-decoration:none;}
A.ssmItems:hover {color:black;text-decoration:none;}
A.ssmItems:active {color:black;text-decoration:none;}
A.ssmItems:visited {color:black;text-decoration:none;}
//-->
</STYLE>
<STYLE type="text/css">
<!--
A.ssmItems:link {color:navy;text-decoration:none;}
A.ssmItems:hover {color:black;text-decoration:none;}
A.ssmItems:active {color:black;text-decoration:none;}
A.ssmItems:visited {color:black;text-decoration:none;}
//-->
</STYLE>
<SCRIPT language="JavaScript1.2">
<!--
/*
Copyright © MaXimuS 2000-2001, All Rights Reserved.
Site: http://www.absolutegb.com/maximus
E-mail: maximus@nsimail.com
Version: 6.3 (NS6 compatibility + NS4 x-axis scroll bar fix)
*/
///// DEFAULT SETTINGS /////
YOffset=20; // no quotes!!
staticYOffset=20; // no quotes!!
slideSpeed=20 // no quotes!!
waitTime=1000; // no quotes!! this sets the time the menu stays out for after the mouse goes off it.
hdrFontFamily="Verdana";
hdrFontSize="3";
hdrFontColor="white";
hdrBGColor="#170088";
hdrAlign="right";
hdrVAlign="center";
hdrHeight="20";
linkFontFamily="Verdana";
linkFontSize="2";
linkBGColor="white";
linkOverBGColor="#DDDDDD";
linkTarget="_top";
linkAlign="left";
menuBGColor="black";
menuIsStatic="yes";
menuWidth=110; // Must be a multiple of 10! no quotes!!
barBGColor="#444444";
barFontFamily="Verdana";
barFontSize="2";
barFontColor="white";
barVAlign="top";
barWidth=20; // no quotes!!
///// BROWSER DETECTION /////
NS6 = (document.getElementById&&!document.all)
IE = (document.all)
NS = (navigator.appName=="Netscape" && navigator.appVersion.charAt(0)=="4")
///// SLIDE FUNCTION //////
moving=setTimeout('null',1)
function moveOut() {
if ((NS6 && parseInt(ssm.left)<0)||(IE && ssm.pixelLeft<0)||(NS && ssm.left<0)) {
clearTimeout(moving);moving = setTimeout('moveOut()', slideSpeed)
if (NS6) {theleft+=10;ssm.left = theleft;}
if (IE) {ssm.pixelLeft += 10;}
if (NS) {ssm.left += 10;ssm.clip.left-=10}}
else {clearTimeout(moving);moving=setTimeout('null',1)}};
function moveBack() {
clearTimeout(moving);moving = setTimeout('moveBack1()', waitTime)}
function moveBack1() {
if ((NS6 && parseInt(ssm.left)>(-menuWidth))||(IE && ssm.pixelLeft>(-menuWidth))||(NS && ssm.left>(-menuWidth))) {
clearTimeout(moving);moving = setTimeout('moveBack1()', slideSpeed);
if (NS6) {theleft-=10;ssm.left = theleft;}
if (IE) {ssm.pixelLeft -= 10;}
if (NS) {ssm.left -= 10;ssm.clip.left+=10}}
else {clearTimeout(moving);moving=setTimeout('null',1)}};
///// STATIC FUNCTION /////
lastY = 0;
function makeStatic() {
if (IE) {winY = document.body.scrollTop;}
if (NS||NS6) {winY = window.pageYOffset;}
if (NS6||IE||NS) {
if (winY!=lastY&&winY>YOffset-staticYOffset) {
smooth = .3 * (winY - lastY - YOffset + staticYOffset);}
else if (YOffset-staticYOffset+lastY>YOffset-staticYOffset) {
smooth = .3 * (winY - lastY);}
else {smooth=0}
if(smooth > 0) smooth = Math.ceil(smooth);
else smooth = Math.floor(smooth);
if (NS6) ssm.top=parseInt(ssm.top)+smooth;
if (IE) ssm.pixelTop+=smooth;
if (NS) bssm.top+=smooth;
lastY = lastY+smooth;
setTimeout('makeStatic()', 1)}}
///// SETS OBJECT NAMES AND LOADS MENU /////
function initSlide() {
if (NS6){ssm=document.getElementById("thessm").style;
ssm.visibility="visible";ssm.left = -menuWidth;}
else if (IE) {ssm=document.all("thessm").style;
ssm.visibility = "visible";ssm.pixelLeft = -menuWidth;}
else if (NS) {bssm=document.layers["basessm1"];
ssm=bssm.document.layers["basessm2"].document.layers["thessm"];
ssm.clip.left = menuWidth;ssm.left = -menuWidth;ssm.visibility = "show";}
if (menuIsStatic=="yes") makeStatic();}
///// MENU BUILDER FUNCTIONS /////
function startMenu(menuHeader, barText) {
if (IE||NS6) {document.write('<DIV ID="thessm" style="visibility:hidden;Position : Absolute ;Left : 0 ;Top : '+YOffset+' ;Z-Index : 20;width:1px;clip:"
onmouseover="moveOut()" onmouseout="moveBack()">')}
if (NS) {document.write('<LAYER name="basessm1" top="'+YOffset+'" LEFT=0 visibility="show" width="'+(menuWidth+barWidth+10)+'"><ILAYER name="basessm2"
width="'+(menuWidth+barWidth+20)+'"><LAYER visibility="hide" name="thessm" bgcolor="'+menuBGColor+'" left="0" onmouseover="moveOut()"
onmouseout="moveBack()">')}
if (NS6){document.write('<table border="0" cellpadding="0" cellspacing="0" width="'+(menuWidth+barWidth+2)+'" bgcolor="'+menuBGColor+'"><TR><TD>')}
document.write('<table border="0" cellpadding="0" cellspacing="1" width="'+(menuWidth+barWidth+2)+'"
bgcolor="'+menuBGColor+'">');tempBar='';addHdr(menuHeader);
if(barText.indexOf('<IMG')>-1) {tempBar=barText}
else{for (i=0;i<barText.length;i++) {
tempBar+=barText.substring(i, i+1)+"<BR>"}}
document.write('<td align="center" rowspan="100" width="'+barWidth+'" bgcolor="'+barBGColor+'" valign="'+barVAlign+'"><p align="center"><font
face="'+barFontFamily+'" Size="'+barFontSize+'" COLOR="'+barFontColor+'"><B>'+tempBar+'</B></font></p></TD></tr>')
theleft=-menuWidth}
function endMenu() {
addHdr(' ');
document.write('</table>')
if (NS6){document.write('</TD></TR></TABLE>')}
if (IE||NS6) {document.write('</DIV>')}
if (NS) {document.write('</LAYER></ILAYER></LAYER>')}
if (NS6||IE||NS) setTimeout('initSlide();', 1)}
function addHdr(text) {
document.write('<tr><td bgcolor="'+hdrBGColor+'" HEIGHT="'+hdrHeight+'" ALIGN="'+hdrAlign+'" VALIGN="'+hdrVAlign+'" WIDTH="'+(menuWidth-1)+'"> <font
face="'+hdrFontFamily+'" Size="'+hdrFontSize+'" COLOR="'+hdrFontColor+'"><b>'+text+'</b></font></td>'+((!tempBar)?"":"</TR>"))}
function addItem(text, link, target) {
if (!target) {target=linkTarget}
document.write('<TR><TD BGCOLOR="'+linkBGColor+'" onmouseover="bgColor=\''+linkOverBGColor+'\'" onmouseout="bgColor=\''+linkBGColor+'\'"
WIDTH="'+(menuWidth-1)+'"><ILAYER><LAYER onmouseover="bgColor=\''+linkOverBGColor+'\'" onmouseout="bgColor=\''+linkBGColor+'\'" WIDTH="100%"
ALIGN="'+linkAlign+'"><DIV ALIGN="'+linkAlign+'"><FONT face="'+linkFontFamily+'" Size="'+linkFontSize+'"> <A HREF="'+link+'" target="'+target+'"
CLASS="ssmItems">'+text+'</DIV></LAYER></ILAYER></TD></TR>')}
//-->
</SCRIPT>
<SCRIPT language="JavaScript1.2">
<!--
/*
Copyright © MaXimuS 2000-2001, All Rights Reserved.
Site: http://www.absolutegb.com/maximus
E-mail: maximus@nsimail.com
Version: 6.3 (NS6 compatibility + NS4 x-axis scroll bar fix)
*/
// Permission granted to SimplytheBest.net to feature script in its
// DHTML script collection at http://simplythebest.net/info/dhtml_scripts.html
YOffset=3; // no quotes!!
staticYOffset=3; // no quotes!!
slideSpeed=20 // no quotes!!
waitTime=200; // no quotes!! this sets the time the menu stays out for after the mouse goes off it.
menuBGColor="black";
menuIsStatic="yes";
menuWidth=160; // Must be a multiple of 10! no quotes!!
hdrFontFamily="arial, sans serif";
hdrFontSize="1";
hdrFontColor="#ffffff";
hdrBGColor="gray";
hdrAlign="left";
hdrVAlign="center";
hdrHeight="20";
linkFontFamily="Verdana";
linkFontSize="1";
linkBGColor="#fffff0";
linkOverBGColor="#D7EBFF";
linkTarget="_top";
linkAlign="Left";
barBGColor="#FF4400";
barFontFamily="arial, sans serif";
barFontSize="2";
barFontColor="#ffffff";
barVAlign="center";
barWidth=15; // no quotes!!
startMenu("OrgaWeb", "Menu")
addItem("Accueil", "coucou.html", "mainframe");
addItem("Nouveau", "coucou.html", "mainframe");
addItem("Sélection", "coucou.html","mainframe");
addHdr("Administration");
addItem("Sites", "coucou.html", "blank");
addItem("Structures", "coucou.html", "blank");
endMenu();
//-->
</SCRIPT>
</html>
Répondre avec citation
Partager