L'éditeur JavaScript
Visiteur non-identifié | Identifiez-vous | Devenir membre
Code perdu ? | Combien de visiteurs sur votre site ?
Rechercher :
Page d'accueil
     Home Page

JavaScript
     Tous les scripts
     Proposer un script
     Recherche de script
     AJAX
     Cours de JavaScript
     Liste de discussion
     Forums

Services :
     CountUs
     myCircle
     ClickInText
     XooIt

Trucs et astuces :
     HTML / CSS
     PHP / MySQL
     Réferencement
     Graph / Présentation
     Toutes les astuces
     Ajouter un article

MailingList :
113680 abonnés

Annuaire webmaster :      Hebergement web
     Referencement
     Sites webmasters
     XHTML - CSS2
     PHP
     Affiliation - Pub
     FAI

     Annuaire webmaster

Ressources pour webmasters :
     Kit graphique
     Foire aux questions
     Les membres
     Devenir annonceur
     Faire un lien
     Contact

Partenaire :
     Compteur live
     Créer un forum
     Le PHP facile
     Comscripts
     Liens sponsorisés
     Page Rank
     Gifs animés, f...
     Easy-script.com
     Le village de ...
     La cuisine de ...
     Web creation ...
     Créer son site...
     Azote.org - no...
     Les kits graph...
     Electroniq...
     Poésie et cita...
     Les autres
     Votre site ici ?


Afficher le detail d'un lien

Description

Au survol d'un lien, un petit cadre s'affiche avec le texte de votre choix.


Exemple :

HomePage
Tous les scripts
Mode d'emploi
Service RecoSite
Ressources web



Compatibilité :

 FireFox : Toutes versions
 Mozilla : 1 et +
 Internet Explorer : 5 et +
 Netscape Navigator : 6 et +
Ce script utilise le DHTML


Chiffres :

Date de création : 19/05/2000
Dernière modif : 9/05/2004
Visites de la page : 129735
Envois par mail : 2490


Les parties de ce script :

La premiere partie du script que vous aurez édité sera a placer juste après la balise <head> de votre page, et une seule fois.
La seconde partie est à mettre là où vous désirez afficher le lien. VOus pouvez copier cette partie autant de fois que vous le désirez.


Edition du script :

Pour éditer ce script, vous devez remplir le formulaire ci-dessous.
Une fois le formulaire rempli, cliquez sur "Editer votre script !", votre script personnalisé s'affichera plus bas dans la page.
Les champs marqués en rouge sont obligatoires.

Entrez ici le texte du lien
(par exemple : Pour visiter l'éditeur JavaScript, cliquez ici !) :


Entrez ici le chemin de la page a afficher si le lien est cliqué
(par exemple : http://www.editeurjavascript.com ou mapage.html ou mailto:edition@editeurjavascript.com):


Entrez ici le texte a afficher dans le cadre de description
(par exemple : Un site qui edite vos javascript sans savoir programmer !):


Selectionnez la couleur de fond du cadre :


Sélectionnez ici la taille de la police:


Sélectionnez ici la couleur du texte:


Sélectionnez ici la police du texte:


Sélectionnez ici les attribut de la police:




Votre script personnalisé :

Voici le code JavaScript à inserer dans votre page.
ATTENTION : Suivant votre editeur HTML, vous risquez de voir apparaitre des petits carrés noirs. Vous devez remplacer ces carrés noirs par un saut de ligne (ENTER).

A mettre entre les balises <BODY> et </BODY>, où vous le désirez :



A mettre entre les balises <BODY> et </BODY>, à la place ou vous desirez mettre le texte:



Services email :

Je désire recevoir mon script personnalisé par email
Je désire recevoir un email en cas de modification de ce script
Je désire m'abonner à la newsletter de l'éditeur JavaScript


Les annotations des visiteurs :

De anisite - le 07-01-2005

J'ai découvert une erreur pour ne pas faire apparaître de scroll bar une fois en bas de la page remplacez la fonction killlink() par la suivante:

function killlink()
{
if (domok)
var content ="";
document.getElementById("topdecklink").innerHTML = content;
skn.visibility = "hidden";
}
De anisite - le 11-01-2005

Il y a une petite erreur dans votre script, en fait, lorsque la souris quitte le la zone "Réactive" en question le contenu de content (ici un tableau) ne fait que se cacher. Il faullait le vider et ensuite le cacher. Voici donc la version corrigée.

function killlink()
{
if (domok)
var content ="";
document.getElementById("topdecklink").innerHTML = content;
skn.visibility = "hidden";
}

Cette erreur affichait une barre de défilement lorsque l'on approchait la souris du bord apres avoir passer au dessus d'un lien.
De Patriotu - le 18-02-2005

Et si je veux une image a la place des liens textes ???? COmment on fait ?

Merci
De anisite - le 19-02-2005

Pour une image il suffit de mettre:
<img onMouseOver="poplink('VOTRE_TEXTE');" onmouseout="killlink()" src="monimage.jpg">

et le tour est joué !
De lidzi1 - le 26-02-2005

Bonjour,
je voudrais savoir comment utiliser ce script sur une imagemap qui contient 5 liens. Au survol de certain élément de l'image, j'aimerais obtenir sa caracteristique. Merci
De Dwand - le 23-04-2005

Bonjour,

Grace Biankii, une connaissance. Il a résolu le probleme de la frame, quand le curseur allait en bas a droite de lecran, le scroll s'etendait sans raison. Le probleme est résolu maintenant, voici le code :

/*
SCRIPT EDITE SUR L'EDITEUR JAVACSRIPT
http://www.editeurjavascript.com

Merci à lord Gunthar
http://www.topweb.cc
*/
domok = document.getElementById;
if (domok)
{
skn = document.getElementById("topdecklink").style;
if(navigator.appName.substring(0,3) == "Net")
document.captureEvents(Event.MOUSEMOVE);
//document.onmousemove = get_mouse;
}

function pop(msg)
{
var content ="<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=#000000><TR><TD><TABLE WIDTH=100% BORDER=0 CELLPADDING=2 CELLSPACING=1><TR><TD BGCOLOR=#7189AB><FONT COLOR=#FFFFFF SIZE=1 face='Verdana'>"+msg+"</TD></TR></TABLE></TD></TR></TABLE>";
if (domok)
{
document.getElementById("topdecklink").innerHTML = content;
document.onmousemove = get_mouse;
skn.visibility = "visible";
}
}

function get_mouse(e)
{
var x = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.x+document.body.scrollLeft;
var y = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.y+document.body.scrollTop;
skn.left = x - 60;
skn.top = y+20;
}


function kill()
{
if (domok)
skn.visibility = "hidden";
document.onmousemove = '';
}
De olive69 - le 26-07-2005

je ne pense pas etre débile mais je commence a le croire, impossible de faire fonctionner le code sous firefox, pourtant j'arrive bien
De olive69 - le 26-07-2005

je ne pense pas etre débile mais je commence a le croire, impossible de faire fonctionner le code sous firefox, pourtant j'arrive bien a voir le votre avec ce même navigateur.
Quelqu'un aurait il une solution ? je me tiens a disposition pour donner ma source et voir ce qui cloche dedans.
Merci a tous (j'ai du faire un post par inadvertance)
De olive69 - le 26-07-2005

après avoir retourné le problème pendant des heures je suis enfin arrivé a satisfaction : a savoir c'est la déclaration de la DTD qui bloquait le script :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">;

je ne vois pas pourquoi mais c'est la solution que j'ai trouvé. si quelqu'un a une explication elle serait la bienvenue. merci
De letueur - le 02-08-2005

bonjour,
j'ai un souci avec ce script si quelqu'un pouvez m'aider ç& serait sympa

lorsque j'insere le script dans ma page
mon menu horizontal(qui vient d'ejs ==>merci>===)
bug un peu
en effet les sous menu ne se mettent plus sous le menu principal

y-a-t'il une solution a ce probleme

merci d'avance
De OOOOOO - le 21-10-2005

J'ai testé ce script et je l'ai trouvé très bien.
J'ai toute fois trouvé une petite erreur:
sur ma page, j'ai un lien qui se situe très près du bord droite de la fenetre.
Quand je passe sur ce lien, la description est coupée par le navigateur ce qui la rend illisible.
Pouriez-vous m'aider s'il vous plaît?
Merci d'avance
De MaxiSpeed - le 05-02-2006

Wahoo! Super script! La seule petite erreur, c'est que moi, sur mon site, j'ai des *cells* (tableau) et mon tableau, (où il y a le script) est tout p'tit! Alors, ma boîte d'information prend seulement l'espace du tableau! Il ne prend pas toute la place dont il a besoin...
De floki - le 06-06-2007

Avec ce code, j'ai un petit soucis : la bulle apparait en-dessous des textarea qui sont juste à côté du lien.

Je n'arrive pas à rendre la bulle visible par-dessus ces champs, comment puis-je faire ? merci !
De floki - le 06-06-2007

Avec ce code, j'ai un petit soucis : la bulle apparait en-dessous des textarea qui sont juste à côté du lien.

Je n'arrive pas à rendre la bulle visible par-dessus ces champs, comment puis-je faire ? merci !
De SpeTn4TZ - le 14-09-2007

Bonjour

Jai un problème sur le script :
1/ Erreur de déclaration de "snk", je suis obligé de déplacer une ligne pour la déclarer.

2/le script ne marche que sur les lettres. Entre chaque lettre, il se désactive...

Si quelqu'un a une solution, merci de me contacter.

cdlt
De nanardmimil - le 22-04-2008

Bonjour,
Je voudrais changer la couleur de fond de la bulle et la taille de la police, suivant le lien survolé.
Quelqu'un peut-il m'aider ?
Merci d'avance

>> Poster une annotation sur ce script






compteur gratuit
actuellement en ligne

    PUBLICITE



     ANNUAIRE WEBMAST.
Net@Vous
6 Euros par an pour 40 Mo d'espace disque. Vraiment pas cher.
http://www.netavous.com/
Cat : Hebergement web
Voir l'annuaire webmaster


     LES SCRIPTS :
78 à éditer
68 à copier/coller
247 des membres
2580 sur le web
>> Tous les scripts

     LES MEMBRES :
61299 membres
7195 comptes CountUs
1721 comptes myCircle

     LES FORUMS :
14 forums
39941 topics
190891 messages
>> Les forums

    SONDAGE

Vous avez un blog ou site classique ?
Un blog
Un site classique
Les deux !
La mini-astuce "Navigateur" du jour par chrislebouler
La fonction agrandissement de texte existe sur tous les navigateurs. Le moyen le plus universel pour l'utiliser?... Ctrl + molette centrale de la souris.
Plusieurs avantages : pour IE pas besoin de l'onglet affichage, pour les Geckos agrandissement + progressif que l'option Ctrl ++.
Proposer votre mini-astuce | Archives des mini-astuces
© 1999-2010 EJS - Tous droits réservés | CNIL N° 844440 | 18/03/2010 06:32:47 | Design by | Gen. en 0.501 sec.