begin process at 2012 05 28 10:40:39
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > 

Code

 > 

Fenêtre & Pop-up

 > INFO BULLES STANDARD COMPATIBLE FF,IE,CHROME,OPERA SIMPLE D'USAGE

INFO BULLES STANDARD COMPATIBLE FF,IE,CHROME,OPERA SIMPLE D'USAGE


 Information sur la source

Note :
Aucune note
Catégorie :Fenêtre & Pop-up Classé sous :infos bulles, compatible, simple Niveau :Initié Date de création :15/01/2009 Vu / téléchargé :7 245 / 737
Auteur : alex3105

Ecrire un message privé
Commentaire sur cette source (9)
Ajouter un commentaire et/ou une note

 Description

Cliquez pour voir la capture en taille normale
en fait g un peu bidouillé la source de mobman02
et voila , le plus dans cette nouvelle version :

1- le js se trouve dans un fichier externe bull.js
2 - l'affichage de la bulle n'a jamais ete aussi simple

exp :
a : inclure le scripte
<script langage=javascript src=bull.js></>
b : afficher la bulle ou on veut
<p onmouseover=montre('Hello')>Salut</p>

c tout !

Source

  • tout est dans le zip !!
tout est dans le zip !!

 Conclusion

voila c fini et encore merci a mobman02 !!!
amusez vous Bien a faire des bulles !!

 Fichier Zip

Les Membres Club peuvent télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip


 Sources de la même categorie

Source avec Zip Source avec une capture MYNOTIFICATIONS par inwebo
Source avec Zip Source avec une capture POSMOUSE - AFFICHAGE DES COORDONNÉES DE LA SOURIS, TAILLE DE... par phidelum
SFR WIDGET ET JQUERY par hhoareau
Source avec Zip JOLIE ALERTE AVEC "ALERT()" par heycraft
Source avec Zip Source avec une capture FENETRE D'ACTUALITE par kazma
Toutes les sources de la catégorie Fenêtre & Pop-up

 Sources en rapport avec celle ci

Source avec Zip SIMPLIFIER LA CREATION DYNAMIQUE D'ELEMENT HTML par kazma
Source avec Zip Source avec une capture MASTERMIND IPHONE par fifrelin70
AJAX EN MOINS DE 50 LIGNES par Kimjoa
Source avec Zip Source avec une capture JEU SIMPLE ET EFFICACE DE TIC-TAC-TOE SE JOUANT SUR UN MÊME ... par FasteX_
Source avec une capture MENU SIMPLE par tit1012

Commentaires et avis

Commentaire de jdmcreator le 16/01/2009 03:31:08

Bonjour, j'ai regardé rapidement la source.

Deux petites choses :

D'abord, la source est compatible sous Safari sur Windows.
Ensuite, lorsque l'on reste sur la même ligne, l'infobulle ne disparaît pas ;)

cordialement,

JDMCreator

Commentaire de kazma le 16/01/2009 10:27:08 administrateur CS

par rapport au normes il m'arrive parfois d'etre faineant mai toi tu depasse les bornes je fait bien evidement reference au fichier html

Commentaire de meudon le 16/01/2009 11:14:00

Bonjour,

Dans le principe, je trouve que c'est assez voisin d'un script que j'utilise depuis des années et que j'ai trouvé là :

http://www.dynamicdrive.com/dynamicindex4/imagetooltip.htm

Ce script est universellement compatible..

Sur le détail de ton script, il est excellent, à part le problème cité plus haut qui est gènant quand je veux mettre ton scipt dans mes arbres généalogiques, pour faire apparaitre des trombines ou des données supplémentaires.

Il n'y a pas ce problème avec le script de imagetooltip qui marche aussi, bien sur, sur du texte.

Merci pour cette source

Commentaire de alex3105 le 16/01/2009 12:45:13

Bonjour

jdmcreator , c parce qu'il s agit d'un <p>
un <p> occupe toute une ligne par defaut, tu peux regler ca je pense non ? avec un <div> pas exp, regardes le avec l'image , y'a pas de pbm !!

kazma , C un exemple !! tu peux ajouter tes balises de compatibilité , sinon je pige pas ton poste ??

meudon , je rappel que c pas mon script, j l'ai trouvé ici et je l'ai simplement remanié !!

marci a tous !!


Commentaire de kazma le 16/01/2009 16:07:57 administrateur CS

c'est a dire qu'en omettant de tout mettre et particulièrement le doctype tu ne peut pas savoir si c'est compatible avec tous les navigateur surtout si le doctype est en XHTML et a ce moment la on se retrouve souvent avec une incompatibilite

Commentaire de jdmcreator le 17/01/2009 00:57:48

Oui, je sais, on peut facilement régler le problème en remplaçant la balise. J'aurais dû le deviner, mais dans mon précédent commentaire, comme je l'ai écrit, je n'ai pas eu le temps de regarder le code uniquement le résultat ;)

A+

Commentaire de alex3105 le 17/01/2009 18:04:10

coté compatibilité ça marche tres bien avec n'importe kel doctyp,
la prochaine ver ke je prépare (ajaxBulle) permettra d'ouvrir des pages (locale/distante) genre html,js,php,aps etc directement dans une info bulle.

exp 1:

<div onmouseover="montre("index.htm","load")>
Une page
</div>

ou

exp 2:
<div onmouseover="montre("http://www.google.fr/request?q=blabla","load")>
Une page
</div>


l'option "load" indique au script kil s'agit d'une page
a charger et non un simple texte a afficher!
la requete est envoyée en AJAX et recuperation du resultat dans le <div>..
et c tout.


Commentaire de mimi11100 le 25/02/2009 15:20:06

<table width="562" border="0">
  <tr>
    <th width="100" scope="col"><div onmouseover="montre('<img src=0011.jpg width=480 height=640 align=texttop> Touche pas a ma planete ! </img>')"> La koutoubia</div></th>
    <th width="100" scope="col"><div onmouseover="montre('<img src=0011.jpg width=480 height=640 align=texttop> Touche pas a ma planete ! </img>')"> La koutoubia</div></th>
    <th width="100" scope="col"><div onmouseover="montre('<img src=0011.jpg width=480 height=640 align=texttop> Touche pas a ma planete ! </img>')"> La koutoubia  </div></th>
    <th width="100" scope="col"><div onmouseover="montre('<img src=monde.jpg width=150 height=150 align=texttop> Touche pas a ma planete ! </img>')"> Hello world</div></th>
    <th width="100" scope="col"><div onmouseover="montre('<img src=0011.jpg width=480 height=640 align=texttop> Touche pas a ma planete ! </img>')"> La koutoubia</div></th>
    <th width="100" scope="col"><div onmouseover="montre('<img src=0011.jpg width=480 height=640 align=texttop> Touche pas a ma planete ! </img>')"> La koutoubia</div></th>
  </tr>
  <tr>
    <td><div onmouseover="montre('<img src=0011.jpg width=480 height=640 align=texttop> Touche pas a ma planete ! </img>')"> La koutoubia</div></td>
    <td><div onmouseover="montre('<img src=0011.jpg width=480 height=640 align=texttop> Touche pas a ma planete ! </img>')"> La koutoubia</div></td>
    <td><div onmouseover="montre('<img src=0011.jpg width=480 height=640 align=texttop> Touche pas a ma planete ! </img>')"> La koutoubia</div></td>
    <td><div onmouseover="montre('<img src=0011.jpg width=480 height=640 align=texttop> Touche pas a ma planete ! </img>')"> La koutoubia</div></td>
    <td><div onmouseover="montre('<img src=0011.jpg width=480 height=640 align=texttop> Touche pas a ma planete ! </img>')"> La koutoubia</div></td>
    <td><div onmouseover="montre('<img src=0011.jpg width=480 height=640 align=texttop> Touche pas a ma planete ! </img>')"> La koutoubia</div></td>
  </tr>
</table>

Commentaire de mimi11100 le 25/02/2009 15:21:02

Ci-dessus comment j'ai résolu le petit problème.

 Ajouter un commentaire


Discussions en rapport avec ce code source dans le forum

javascript dans formulaire acrobat [ par domi ] "Envoie par mèl du contenu du formulaire"j'ai écrit deux lignes simple en javascript dans un formulaire acrobat, il fonctionne bien avec Acrobat "prog compatible netscape [ par vingran ] salutje voudrait savoir comment transcrire cet ligne de code utilisée pour IE pour qu'elle marche sur Netscape:document.getElementById("objet1").style recherche aide [ par g2m ] nouveau dans la création de site, je bute sur une chose simple, créer un menu déroulant horizontale avec survol.Un truc simple quoi!Dans cette barre 8 c'est simple comme bonjour mais je ne me raplle plus... [ par escaflone1 ] Bonjour,comme je le di je ne sais plus comment on fait pour actualiser une page mais juste une seul fois:la page charger puis 1 voir 2 sec apres hop i tout simple [ par pierre81 ] je débute et je voudrez savoir comment on fait pour dire que quand on clique sur la frame de gauche , je veux afficher un truc a droite merci de me do Editeur compatible avec Netscape [ par bradgeone ] Salut,Je cherche à faire un éditeur de page web online en javascript qui serait 100% compatible avec Netscape 6 et/ou 7. (un éditeur dont l'interface Formulaire tout simple [ par Angel42480 ] Bonjour, je travail en html,Je désirerais créer un formulaire, qui définisse une image.Exemple : on tape dans la case du formulaire : "arbre" . Je veu Supprimer menubar [ par meka ] Bonjour,Voilà, je m'enlise sur un truc simple depuis 4 jours !j' explique : j'aimerais faire disparaitre le menubar ( Menus : fichier-edition-affichag truc surement tres simple mais bon... [ par bipross ] Bonjour,Voici mon souci :....var nbJ = nb_jour(l,laDate); //retourne 24 par exempleif (nbJ &gt; 31){toto = 1;}else{toto = 2;}et j'obtiens l'erreur "ob Afficher une popup [ par BsEtZeOpLhD ] Bonjour.Je cherche un code pour afficher une simple popup à l'affichage d'une fenetre. Une popup affichant une page web (http://perso.wanadoo.fr/bsetz


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 : 9,360 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)