Ouvrir fenêtre html au passage d'une souris
Résolu/Fermé
A voir également:
- Ouvrir fenêtre html au passage d'une souris
- Ouvrir fichier .bin - Guide
- Comment ouvrir un fichier epub ? - Guide
- Ouvrir fichier rar - Guide
- Comment ouvrir un fichier docx ? - Guide
- Quelle touche pour débloquer la souris ? - Guide
7 réponses
mat.
Messages postés
150
Date d'inscription
vendredi 27 juin 2008
Statut
Membre
Dernière intervention
1 septembre 2009
21
26 janv. 2009 à 00:35
26 janv. 2009 à 00:35
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.
mat.
Messages postés
150
Date d'inscription
vendredi 27 juin 2008
Statut
Membre
Dernière intervention
1 septembre 2009
21
25 janv. 2009 à 19:33
25 janv. 2009 à 19:33
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.
mat.
Messages postés
150
Date d'inscription
vendredi 27 juin 2008
Statut
Membre
Dernière intervention
1 septembre 2009
21
24 janv. 2009 à 01:17
24 janv. 2009 à 01:17
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.
mat.
Messages postés
150
Date d'inscription
vendredi 27 juin 2008
Statut
Membre
Dernière intervention
1 septembre 2009
21
25 janv. 2009 à 23:08
25 janv. 2009 à 23:08
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
mat.
Messages postés
150
Date d'inscription
vendredi 27 juin 2008
Statut
Membre
Dernière intervention
1 septembre 2009
21
26 janv. 2009 à 09:38
26 janv. 2009 à 09:38
De rien.
Je suis content que cela te plaise.
a+
Je suis content que cela te plaise.
a+
mat.
Messages postés
150
Date d'inscription
vendredi 27 juin 2008
Statut
Membre
Dernière intervention
1 septembre 2009
21
26 janv. 2009 à 18:28
26 janv. 2009 à 18:28
Elle se trouve en haut à droite du tout premier message normalement.
26 janv. 2009 à 09:34
Encore merci.
26 janv. 2009 à 09:38