La communauté ALL HTML c'est 60442 membres à ce jour dont 0 inscrits aujourd'hui et 5 depuis une semaine.

  • imprimer
  • aide

Forum de discussions « Javascript - DHTML - VBScript »

Retrouvez les publications relatives à ces discussions dans notre rubrique javascript.

Popup Window JS façon Prototype Window

liste des forums liste des discussions Participer à la discussion

Photo de geekforever Message publié le mardi 30 juin 2009 à 15 h 20 par geekforever.
Bonjour,

Je cherche un plugin qui me permettrai d'afficher une fenêtre / popup JavaScript, réductible et déplaçable (et skinnable si possible) lorsque je clique sur un bouton ou un lien.

J'ai besoin à tout prix de mettre le message contenu dans la fenêtre en paramètre OnClick du lien / bouton. Exemple:
<a onclick=pluginfonction(taille, position, message="Infos sur '.$tableau[0].' ; Surface : '.$tableau[1].'")

J'ai effectué beaucoup de recherches et testé prototype window, mais sans succès
Il y a le plugin "Tooltip" de Walter Zorn mais la fenêtre n'est pas déplaçable, dommage.

Une idée ?
Photo de leris Message publié le mardi 30 juin 2009 à 22 h 12 par leris. ben mon colon ... pas glop !
Salut

un script que j'avais modifié en 2004, vois si tu peux en tirer quelque chose.

.......................
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Auto popup</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
body
{
text-align: center;
}
</style>
<script type="text/javascript">
<!--
// script based on works found at : http://www.howtocreate.co.uk/perfectPopups.html
// last modified by Leris
function vamaPopup(oW,oTitle,oContent) {
var hauteur_popup=200;
var H = (screen.height - hauteur_popup) / 2;
var largeur_popup=480;
var L = (screen.width - largeur_popup) / 2;
var x = window.open('','windowName','status=yes,scrollbars=no,resizable=yes,height='+hauteur_popup+',width='+largeur_popup+',top='+H+',left='+L);
x.document.write('<html><head><title>'+oTitle+'<\/title><\/head><body style="text-align: center; background-color: aliceblue">'+
(document.layers?('<layer width="400" id="myID">'):('<div style="position:relative;margin-right:auto;margin-left:auto;text-align:center;font-family:arial;font-size:12px;color:green;border:1px solid red;width:400;background-color:white;" id="myID">'))+oContent+(document.layers?'<\/layer>':'<\/div>')+'<\/body><\/html>');
x.document.close();
}
//-->
</script>
</head>
<body>
<br>
<a href="#" onclick="vamaPopup(1,'Hello','BONJOUR<br><br>Ceci est une popup generée par la page appelante<br><img src=mouche.gif><br><br><div style=text-align:right;padding-right:5px;color: blue;font-size:10px; font-family:arial;>Leris</div>');">Cliquez pour voir ma popup</a>.
</body>
</html>
.......................

L.
Photo de geekforever Message publié le mercredi 01 juillet 2009 à 13 h 31 par geekforever.
Merci, mais ce n'était pas ce que je recherche: je désirais un Popup à l'intérieur de la page.
Mais j'ai trouvé la solution: j'ai rajouté des effets JQUERY sur les DIV générés par le plugin ToolTip par Walter Zorn que j'utilise.
Photo de geekforever Message publié le mercredi 01 juillet 2009 à 13 h 32 par geekforever.
...

liste des forums liste des discussions Participer à la discussion

Vous devez obligatoirement vous identifier en tant que membre pour participer à cette discussion.

ACCÉS COMMUNAUTÉ

Rejoignez ALL HTML

Publiez vos articles, actualités, communiqués ... Donnez votre avis, partagez votre réseau, rencontrez d'autres membres et participez à la vie de la communauté.

Les 5 dernières discussions