begin process at 2012 05 29 01:05:50
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

bulle info javascript

Derniers messages déposésPoser une question dans le forum ou lancer une discussion

bulle info javascript

mardi 7 septembre 2010 à 13:56:20 | bulle info javascript

swi3ida
Bonjour !
j'ai besoin d'aide SVP.j'ai plusieurs images dans une table et je voudrais faire en cliquant que ca sort une sorte de vignettes ou bule (balloon ) en anglais, avec x pour fermer ,et quand on clique sur une autre foto l'autre vignettes se ferme automatiquement,(exuser moi pour les fautes d'ortographe! ) il ya un example (le premier ) sur
ce lien:http://www.beauscott.com/examples/help_balloons/doc/examples.php
j'arrive pas a l'adapter a mon code j'ai une simple page html avec des photos! voila une par ex:
**************************************************
<div class="img">
<a><img src="image/sec.jpg" alt="dryer" width="80" height="100" onclick="javascript:toggleLayer('commentDryer');"/></a>
<div id="commentDryer" style="display:none" >
-Do not dry garments too much.<br/>
-Operate on full loads.<br/>
-Clean up the lint filtration system. After each load, clean up the filtration system to maintain the dryer operating effectively.
</div>
</div>
****************************************************
merci.
mardi 7 septembre 2010 à 17:17:28 | Re : bulle info javascript

kazma

Administrateur CodeS-SourceS
essai ce script

Code HTML :
<!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">
<head>
<script language="JavaScript">

function trap(s){

var cen=(navigator.appName.substring(0,3)=="Mic") ? event.srcElement : s.currentTarget;
var dde=(navigator.vendor) ? document.body : document.documentElement;

s =(!s) ? window.event : s;
var setX =s.clientX + dde.scrollLeft;
var setY =s.clientY + dde.scrollTop;

dyna=document.getElementById('dyn')

dyna.style.top=setY-50+'px'
dyna.style.left=setX+50+'px'
dyna.src=cen.src;
dyna.style.display='block'

}

function dina(){
document.getElementById('dyn').style.display='none'
}
</script>
</head>
<body>

<img src='ima(8).jpg' id='dyn' style='height:200px;display:none;position:absolute;top:500px;left:500px;background-color:yellow' onclick='dina()'>


<img src='ima(4).jpg' style="height:50px;width:50px;background-color:black" onclick='trap(event)'></div>
<br><br>
<img src='ima(6).jpg' style="height:50px;width:50px;background-color:black" onclick='trap(event)'></div>
<br><br>
<img src='ararouge.jpg' style="height:50px;width:50px;background-color:black" onclick='trap(event)'></div>


</body></html>


c'est a adapter
mardi 7 septembre 2010 à 19:30:52 | Re : bulle info javascript

PetoleTeam

Membre Club
Bonjour à tous,
...j'arrive pas a l'adapter a mon code ...
dans ce que tu nous mets il n'est aucunement référence au script du lien,
l'adaptation est simple il suffit de reprendre leur code qui est largement illustré, ou encore d'adapter celui de kazma.

;O)


Cette discussion est classée dans : javascript, bulle, info, vignettes, examples

Répondre à ce message

Sujets en rapport avec ce message

Info bulle [ par matta6666 ] Les infos bulle du site sont superbes cf http://www.javascriptfr.com/telecharger.aspx?ID=38238et survoler : la liste Sources en rapport avec celle ciE pb compatibilité ie/ info bulle [ par elisabeth_nov ] Bonjour,j'ai créer un planning, chaque case de mon planning peut contenir une image ou une couleur issue de ma base mysql (par requete php), sur chaqu Info bulle sur image réactive HTML [ par Geekpowah ] Bonjour, Je cherche à créer une image réactive sur laquelle une info bulle contenant une image et des textes pourrait apparaitre si l'on passe le cur bug info bulle [ par ntfree ] voila, c tt simple, g chopé le script info bulle de ce site.mais le probleme, c'est ke maintenant, il est impossible de selectionner du texte sur le s javascript:MM_openBrWindow [ par lutin1er ] Bonjour !je suis novice en code et j'aimerais savoir pourquoi mon code : onClick="javascript:MM_openBrWindow('info.html','info','width=300,height=360 problème affichage info bulle [ par _lolo ] Bonjour,Voilà j'ai récupéré un p'tit script pour faire de belles infos bulles :)Malheureusement les infos bulles qui apparaissent dans le menu droit d info bulle [ par fixou47 ] Bonjour à touscomment pouvoir mettre plusieurs lignes dans une info bulle ?du type : ordre du jour -approbations info bulle dans un select [ par corback ] Bonjour, J'utilise actuellement un select contenant une liste d'options. Le problème est que la taille de mon select est fixe et que le contenu de me Comment changer une info bulle texte en info bulle image ? help svp [ par westernz ] Bonjour, J'ai recuperer ce qui semble etre le meilleur code d'info bulle (sans bug de scroll ou autre). Seulement je cherche (depuis deja pas mal de


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir
 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,530 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)