Aller au contenu

astuce?

mémoi

Par mémoi
dans (X)HTML et CSS

 Partager

Sujets conseillés

mémoi

mémoi

Posté
Posté

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>

Lien vers le commentaire
Partager sur d’autres sites
Dan

Dan

Posté
Posté

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

Lien vers le commentaire
Partager sur d’autres sites
Tizel

Tizel

Posté
Posté

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).

Lien vers le commentaire
Partager sur d’autres sites
Dan

Dan

Posté
Posté
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

Lien vers le commentaire
Partager sur d’autres sites
Monique

Monique

Posté
Posté

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:

Lien vers le commentaire
Partager sur d’autres sites
mémoi

mémoi

Posté
  • Auteur
Posté

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:

Lien vers le commentaire
Partager sur d’autres sites
Dan

Dan

Posté
Posté

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

Lien vers le commentaire
Partager sur d’autres sites
mémoi

mémoi

Posté
  • Auteur
Posté (modifié)

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! :D

Modifié par mémoi
Lien vers le commentaire
Partager sur d’autres sites
Beatnykk

Beatnykk

Posté
Posté

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 ;)

Lien vers le commentaire
Partager sur d’autres sites
mémoi

mémoi

Posté
  • Auteur
Posté

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.

^_^

Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
 Partager
Aller sur la liste des sujets
×
×
  • Créer...