Ouvrir fenêtre html au passage d'une souris
Résolu
Perlaisie
-
Liperia -
Liperia -
Bonjour,
J'aimerai trouver un script qui ouvrirait une page html dimentionnable (popup?) au passage d'une souris sur une image ou sur un texte.
Je possède ce sript:
<A onMouseOver="window.open('Ma Page.htm','','width=600,height=300,left=0,top=1,scrollbars=1,resizable=no')" onMouseOut='window.focus();' >
<B>Fiche Produit</B></FONT></A>
Le problème, c'est qu'à chaque passage, une nouvelle fenêtre se place dans la barre des tâches.
J'aimerai que le "popup" se ferme lorque la souris n'est plus sur le lien, sans laisser de trace.
Ce qui me plairaît s'appelle peut-être "info bulle" mais dans laquelle on pourrait placer une fichier html.
Merci mille fois de trouver la solution
J'aimerai trouver un script qui ouvrirait une page html dimentionnable (popup?) au passage d'une souris sur une image ou sur un texte.
Je possède ce sript:
<A onMouseOver="window.open('Ma Page.htm','','width=600,height=300,left=0,top=1,scrollbars=1,resizable=no')" onMouseOut='window.focus();' >
<B>Fiche Produit</B></FONT></A>
Le problème, c'est qu'à chaque passage, une nouvelle fenêtre se place dans la barre des tâches.
J'aimerai que le "popup" se ferme lorque la souris n'est plus sur le lien, sans laisser de trace.
Ce qui me plairaît s'appelle peut-être "info bulle" mais dans laquelle on pourrait placer une fichier html.
Merci mille fois de trouver la solution
A voir également:
- Ouvrir fenêtre html au passage d'une souris
- Comment ouvrir un fichier epub ? - Guide
- Ouvrir fichier .bin - Guide
- Ouvrir fichier .dat - Guide
- Comment activer le pavé tactile sans souris - Guide
- Ouvrir une fenêtre de navigation privée - Guide
7 réponses
Voila, le code est fini mais il faut recliquer sur le lien pour fermer la fenetre de fiche produit :
Cela te convient ?
Si tu ne comprends pas le code dis le moi et je te l'explique.
<html>
<head>
<script type="text/javascript">
function fiche(index) {
var arg = document.getElementById(index);
if (arg.style.visibility == 'hidden') {
arg.style.visibility = 'visible';
} else {
arg.style.visibility = 'hidden';
}
}
</script>
</head>
<body>
<table width="50%">
<tbody>
<td align="right">
<div>
<a href="javascript:fiche('fiche1')">
Fiche Produit article 1</a>
</div>
<div id="fiche1" style="visibility: hidden;">
<iframe src="http://www.perlaisie.com/Fiche-Produit/S5601-10-001AB.htm" width="500" height="310"></iframe>
</div>
</td>
<td align="right">
<div>
<a href="javascript:fiche('fiche2')">
Fiche Produit article 2</a>
</div>
<div id="fiche2" style="visibility: hidden;">
<iframe src="http://www.perlaisie.com/Fiche-Produit/S5601-10-001AB.htm" width="500" height="310"></iframe>
</div>
</td>
</table>
</body>
</html>
Cela te convient ?
Si tu ne comprends pas le code dis le moi et je te l'explique.
Bon soir,
Donc c plutot un truc de ce genre ? :
_________________
Si ton message est résolu, n'oublie pas de cocher la case.
Donc c plutot un truc de ce genre ? :
<STYLE>
info{
position:relative;
z-index:24; background-color:#ccc;
}
info:hover{
z-index:25; background-color:#ff0
}
info span{
display: none
}
info:hover span{
display:block;
position:absolute;
top:2em; left:2em; width:15em;
}
</STYLE>
Info Bulle <info>ici<span>
<iframe src="http://www.google.fr/index.html" width="400" height="400"/>
</span></info>
_________________
Si ton message est résolu, n'oublie pas de cocher la case.
Merci beaucoup Mat.
C'est bien cela que je désire, mais il faudrait pouvoir en afficher plusieurs par page, hors, ce n'est pas le cas.
Si tu veux, j'ai placé un test sur http://www.perlaisie.com/swarovski_cubes.htm
Sur cette page, on peut voir les fenêtres pop up , mais qui ne partent pas lorsque la souris est partie, un essais en image, et l'essai avec le code que tu m'as donné.
Ce code fonctionne très bien avec Firefox, mais pas du tout avec Explorer.
Mon vrai problème, est que je gère le stock sur un programme excel qui se met automatiquement à jour avec les ventes en magasin, lors de l'impression du ticket de caisse client.
J'aimerai copier la cellule qui contient le chiffre du stock et la reproduire sur mon site en dessous de l'image de l'article.
Le gros problème, est, qu'avec Excel, on ne sait pas enregistrer d'image, mais uniquement des pages html. (en dehors des fichiers Excel évidemment!). C'est pour cette raison que j'ai créé une fiche par article.
Avec une macro, je peux donc facilement mettre à jour les fiches des articles , envoyer les données sur le net et avoir le stock à jour sur le site.
Autre problème, cela prend énormément de place sur le disque, les fichier xlsm transformés en html prennent beaucoup de place. Pour l'instant, je possède près de 3000 articles; je ne sais pas si mon serveur va accepter tout cela.
Y-a-t-il une autre solution que les info bulle?
Je pense à du php et msql, mais je n'y comprends rien, j'ai déjà passé des heures et des heures dans les forums, mais je n'arrive pas à installer les programmes.
Merci de m'avoir lu.
C'est bien cela que je désire, mais il faudrait pouvoir en afficher plusieurs par page, hors, ce n'est pas le cas.
Si tu veux, j'ai placé un test sur http://www.perlaisie.com/swarovski_cubes.htm
Sur cette page, on peut voir les fenêtres pop up , mais qui ne partent pas lorsque la souris est partie, un essais en image, et l'essai avec le code que tu m'as donné.
Ce code fonctionne très bien avec Firefox, mais pas du tout avec Explorer.
Mon vrai problème, est que je gère le stock sur un programme excel qui se met automatiquement à jour avec les ventes en magasin, lors de l'impression du ticket de caisse client.
J'aimerai copier la cellule qui contient le chiffre du stock et la reproduire sur mon site en dessous de l'image de l'article.
Le gros problème, est, qu'avec Excel, on ne sait pas enregistrer d'image, mais uniquement des pages html. (en dehors des fichiers Excel évidemment!). C'est pour cette raison que j'ai créé une fiche par article.
Avec une macro, je peux donc facilement mettre à jour les fiches des articles , envoyer les données sur le net et avoir le stock à jour sur le site.
Autre problème, cela prend énormément de place sur le disque, les fichier xlsm transformés en html prennent beaucoup de place. Pour l'instant, je possède près de 3000 articles; je ne sais pas si mon serveur va accepter tout cela.
Y-a-t-il une autre solution que les info bulle?
Je pense à du php et msql, mais je n'y comprends rien, j'ai déjà passé des heures et des heures dans les forums, mais je n'arrive pas à installer les programmes.
Merci de m'avoir lu.
Bon soir,
tu veux faire un truc de ce genre ? :
Si ton message est résolu, n'oublie pas de cocher la case.
tu veux faire un truc de ce genre ? :
<STYLE>
info{
position:relative;
z-index:24; background-color:#ccc;
color:#000;
text-decoration:none}
info:hover{z-index:25; background-color:#ff0}
info span{display: none}
info:hover span{
display:block;
position:absolute;
top:2em; left:2em; width:15em;
border:1px solid #6699cc;
background-color:#eeeeee; color:#6699cc;
text-align: justify;
font-weight:none;
padding:1px;
}
</STYLE>
Info Bulle <info onclick="return false" href="#">ici<span>
<h1>Ton text !!</h1>
</span></info>
Si ton message est résolu, n'oublie pas de cocher la case.
Re Bonsoir,
J'ai enfin compris ce que tu veux faire ^^ et je pense qu'avec un petit script java on doit pouvoir faire cela. Je vais demander à mon grand frère s'il peut le faire pour demain parce que je ne m'y connais pas beaucoup en javascript.
J'ai enfin compris ce que tu veux faire ^^ et je pense qu'avec un petit script java on doit pouvoir faire cela. Je vais demander à mon grand frère s'il peut le faire pour demain parce que je ne m'y connais pas beaucoup en javascript.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Encore merci.