astuce?

mémoi · 12 Novembre 2003

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>
<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** · 12 Novembre 2003

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, :rolleyes: il y a une solution facile en complétant le OnMouseOver:

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

Cordialement,

Dan

**Tizel** · 12 Novembre 2003

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

windows.status="Tizel"

affiche "Tizel" dans la barre de statut.

windows.status=""

devrait ne rien afficher...

Tizel

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

**Dan** · 12 Novembre 2003

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 · 12 Novembre 2003

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 :unsure:

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 :rolleyes:

mémoi · 12 Novembre 2003

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... :wacko:

**Dan** · 12 Novembre 2003

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:

<script type="text/javascript">
<!--
function deplacer(calque,dx,dy) {
   if (document.layers && document.layers[calque] != null) {
      document.layers[calque].left += dx;
      document.layers[calque].top  += dy; }
    else if (document.all) {
      document.all[calque].style.posLeft += dx;
      document.all[calque].style.posTop  += dy; }
 } 
//-->
</script>

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

<div id="image" style="position:absolute; top:120; left:120;">
   <img src="image.gif" width="50" height="50" alt="">
</div>

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:

<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 · 12 Novembre 2003

J'ai incorporé ton code mais il ne marche pas et je ne comprends pas pourquoi?

Tu remarqueras l'hommage avec l'image .gif

<html>
<head>
<title>Juste un essai</title>
<script type="text/javascript">
<!--
function deplacer(calque,dx,dy) {
  if (document.layers && document.layers[calque] != null) {
     document.layers[calque].left += dx;
     document.layers[calque].top  += dy; }
   else if (document.all) {
     document.all[calque].style.posLeft += dx;
     document.all[calque].style.posTop  += dy; }
} 
//-->
</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!

Modifié 12 Novembre 2003 par mémoi

Beatnykk · 13 Novembre 2003

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 · 13 Novembre 2003

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.

Connexion

astuce?

Sujets conseillés

mémoi

Dan

Tizel

Dan

Monique

mémoi

Dan

mémoi

Beatnykk

mémoi

Veuillez vous connecter pour commenter

Parcourir

Activité