Webmaster Hub > astuce?

Version complète: sur le forum Webmaster Hub : astuce?

Webmaster Hub > Création et exploitation de Sites Internet > Les langages du Net > (X)HTML et CSS

mémoi

mercredi 12 novembre 2003 à 14:01

J'ai crée un lien à partir d'une image, puis j'ai fait en sorte que lorsque la souris passe sur le lien, elle reste toujours sous la même forme.
Mon but est de rendre invisible à l'utilisateur la présence d'une possibilité de lien.
Or dans la barre sous l'écran, il y'a toujours l'adresse du lien, donc l'utilisateur pourra savoir si on peut cliquer ou non.
Y'a-t-il un moyen de cacher cette information?

Pour info, voici mon code:

HTML

<html>
<head>
<title>Juste un essai</title>
<script language="javascript">
</script>
</head>
<body bgcolor="black">
<a href="http://www.google.fr" onMouseOver="window.document.image.style.cursor='default'">
<img name="image" border="0" src="http://quigif.free.fr/mail17.gif">
</a>
</body>
</html>

Dan

mercredi 12 novembre 2003 à 14:42

Bonjour mémoi, et bienvenue à bord du Hub !

Bien que l'intérêt de ce lien m'échappe, si ce n'est pour offrir un lien "caché" pour les robots de recherche,

il y a une solution facile en complétant le OnMouseOver:

CODE

onMouseOver="window.document.image.style.cursor='default'; window.status=''; return true"

Cordialement,

Dan

Tizel

mercredi 12 novembre 2003 à 14:42

Cherche du coté de la commande "window.status".

CODE

windows.status="Tizel"

affiche "Tizel" dans la barre de statut.

CODE

windows.status=""

devrait ne rien afficher...

Tizel

(PS: j'ose à peine imaginer l'utilité que tu souhaite donner à ce script).

Dan

mercredi 12 novembre 2003 à 14:44

CITATION(Tizel @ mercredi 12 novembre 2003, 14:42)

PS: j'ose à peine imaginer l'utilité que tu souhaite donner à ce script

Salut Tizel,

On a dû penser à la même chose, mais j'ai pensé plus vite que toi

Dan

Monique

mercredi 12 novembre 2003 à 14:45

Bonjour mémoi,

bienvenue sur le Hub

Il existe des scripts pour afficher un message dans la barre des tâches. Je suppose que si tu renseignes un message vide, tu obtiendras une barre des tâches sans indication (pas testé).

Mais je ne comprends pas pourquoi tu veux cacher cette information au visiteur

Quand je visite un site, j'aime bien savoir où je vais, sur quoi je clique... et tout ce qui masque les informations données dans la barre des tâches m'agace plutôt...
Avec Mozilla, je désactive d'ailleurs ce type de script

mémoi

mercredi 12 novembre 2003 à 17:45

Merci à tous ceux qui ont bien voulu me répondre.
Pour répondre à votre question de savoir quel est l'intérêt d'une telle chose et bien c'est pour une sorte de site contenant plusieurs énigmes de mon cru qui vont demander à un utilisateur de faire telle ou telle action(comme par exemple dans le cas présent si la réponse est "cliquez sur le hiéroglyphe", toute autre action entraînant l'envoi vers une autre page).
Le seul problème que j'ai, c'est que les personnes qui auront la bonne idée de regarder le code source trouveront probablement la réponse et je ne sais pas comment le cacher, étant donné que je ne sais pas programmer en PHP.

En plus de ce qui précède, savez-vous comment faire si on veut faire glisser une image(exactement comme on fait glisser ça fenêtre)?
Je vois que l'on va utiliser OnClick mais pour ce qui est de repérer les coordonnées...

Dan

mercredi 12 novembre 2003 à 18:30

Salut mémoi,

Pour déplacer une image, il faut la mettre dans un calque et c'est celui-ci que tu déplaceras.

Voici une fonction Javascript utile pour déplacer un calque (en donnant les variations dx et dy de la position:

CODE

Il suffit de placer une image dans un calque, par exemple:

CODE

Après, selon ce que tu veux obtenir comme déplacement, tu peux par exemple faire un formulaire avec 4 flèches (bouton haut, bas, gauche et droite) chacune ayant un "onclick" attaché, exemple pour déplacer vers la droite:

CODE

<form>
<input type=button value=">" onClick="deplacer('image',5,0);">
</form>

Et voilà, tu trouveras bien comment faire les autres boutons

L'important est la fonction qui déplace par incrément, comme tu n'as pas à garder les positions en mémoire. Le reste s'adapte facilement

Dan

mémoi

mercredi 12 novembre 2003 à 18:43

J'ai incorporé ton code mais il ne marche pas et je ne comprends pas pourquoi?
Tu remarqueras l'hommage avec l'image .gif

CODE

<html>
<head>
<title>Juste un essai</title>
<script type="text/javascript">

</script>
</head>
<body bgcolor="black">
<a href="http://www.google.fr" onMouseOver="window.document.image.style.cursor='default';window.status='';return true">
<img name="image" border="0" src="http://quigif.free.fr/mail17.gif">
</a>
<div id="image" style="position:absolute; top:120; left:120;">
<img src="http://www.webmaster-hub.com/uploads/av-1.gif" width="50" height="50" alt="Dan">
</div>
<form>
<input type=button value=">" onclick="deplacer('image',5,0)">
</form>
</body>
</html>

Merci de me dire ce qui cloche!

Beatnykk

jeudi 13 novembre 2003 à 14:30

mémoi, à vue de nez sans éplucher le code, me semble que dans ton script l'élèment à déplacer s'appelle "calque", et que dans lepage, l'id de ton layer est "image"... donc le script ne peut pas deviner ce qui cloche tout seul.
renomme le layer "calque" juste y voir clair

mémoi

jeudi 13 novembre 2003 à 15:46

Oui mais j'appelle la fonction du script avec image comme premier paramètre donc le temps du script calque vaudra image et il n'y aura pas de problème.
Donc le problème n'est pas à ce niveau.
^_^

Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.