begin process at 2012 05 29 09:49:21
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > Forum > 

Archive Javascript

 > 

Archives

 > 

AU SECOURS !!!

 > 

image interactive

Derniers messages déposésPoser une question dans le forum ou lancer une discussion

image interactive

jeudi 27 avril 2006 à 16:23:29 | image interactive

spike8181

Bonjour,

je souhaiterai savoir comment faire pour que lorsque le pointeur de la souris se pose sur une zone reactive -et lorsque eventuellement on clique dessus- apparaisse dans une zone bien définit des liens hypertextes. Sachant qu'il y aurait sur une même image plusieurs zone reactives mais que l'emplacement des liens bien qu'ils soient différents, soit toujours le même.

Merci
jeudi 27 avril 2006 à 17:20:31 | Re : image interactive

PetoleTeam

Membre Club

B onjour...

O clareté quand tu nous illumines...en bref je ne suis pas sur d'avoir tout compris mais...

1/ Création d'un zone avec par exemple
<DIV ID="INFO" STYLE="...."></DIV>

2/ Création de la fonction d'écriture par exemple
//----------------------------
function AfficheLien( url_){
  var Obj =document.getElementById('INFO');
  Obj.innerHTML = url_;
}

3/ Dans les MAP,  images avec zones réactives
mettre l'événement onmouseover="AfficheLien('lapage.htm');"
exemple :
  <MAP NAME="IMAGE">
  <AREA shape="RECT" OnMouseOver="AfficheLien('lapage.htm')...etc

  </MAP>

Il va de soit que <IMG ... USEMAP="#IMAGE">...

;0)
jeudi 27 avril 2006 à 18:08:28 | Re : image interactive

spike8181
désolé de n'avoir su être clair.. en plus simple: - j'ai déposé sur une image plusieurs MAP> - je voudrais que lorsque la souris se pose sur une MAP du texte s'affiche - je voudrais qu'il s'affiche dans un endroit que je choisit - que ce soit chaque fois le même endroit - que le texte puisse être un lien hypertexte ou qu'il y est une image ou un tableau voila merci _____________ Pour ce que tu m'a repondu, je ne comprend pas ou je dois mettre la balise div et comment elle est. Je en comprend pas comment régler et à quel endroit mettre: //---------------------------- function AfficheLien( url_){ var Obj =document.getElementById('INFO'); Obj.innerHTML = url_; } et je ne sais pas comment régler
vendredi 28 avril 2006 à 08:06:23 | Re : image interactive

PetoleTeam

Membre Club

B onjour...

ci dessous le principe de l'insertion des différentes lignes...
 <HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
//----------------------------
function AfficheLien( url_){
  var Obj =document.getElementById('INFO');
  Obj.innerHTML = url_;
}
<SCRIPT>
<HEAD>
<BODY>
<DIV ID="INFO" style ="position:absolute;left:0px;top:0px;width:auto;height:auto;visibility:visible;"> &nbsp;</DIV>
...
...la les lignes de ta page avec <IMG SRC="image.jpg"... BORDER="0" USEMAP="#MAP">. ...
...
<map name="MAP">
  <area shape="circle" coords="88,224,14" href="#" OnMouseOver="AfficheLien('Zone 1')>
  <area shape="circle" coords="21,91,14" href="#" OnMouseOver="AfficheLien('Zone 2')>
...la suite suivant le même principe...
</map>
</BODY>
</HTML>

;0)
vendredi 28 avril 2006 à 11:07:21 | Re : image interactive

spike8181
sa marche!!! mais, histoire d'être bien chiant, j'aimerais savoir comment changer la couleur de la polcie du texte qui s'affiche dans le cadre. J'aurai aussi aimé savoir comment il est possible d'ajourter tableau, image, etc à la place d'un simple texte comme "zone1". Merciii
vendredi 28 avril 2006 à 11:23:50 | Re : image interactive

PetoleTeam

Membre Club

N o B lem...

...comment changer la couleur de la polcie du texte...
En mettant un style comme ci dessous par exemple...
<HEAD>
<STYLE TYPE="text/css">
#INFO { color:#00ff00;font-size:13px;font-family:Verdana;font-weight:bold;}
</STYLE>
</HEAD>

...possible d'ajouter tableau, image...
simplement en mettant du HTM par exemple...

AfficheLien( ' <TABLE><TR><TD>Ligne Test</TD></TR></TABLE> ' );
ou....
AfficheLien( ' <IMG SRC="SuperImage.gif"> ' );
ou...
AfficheLien('<A HREF="SuperPage.hmt">J\' y cours tout de suite...</A>');

ATTENTION aux ' et"...qu'il faut faire précéder d'un\ pour qu'il soit pris en compte...

That's All Folks !

;0)

vendredi 28 avril 2006 à 11:26:03 | Re : image interactive

spike8181
magiqueeeeeeee merci! merci! encore merci!
vendredi 28 avril 2006 à 11:43:41 | Re : image interactive

spike8181
...possible d'ajouter tableau, image... simplement en mettant du HTM par exemple... AfficheLien( '
Ligne Test
' ); ou.... AfficheLien( ' ' ); ou... AfficheLien('J\' y cours tout de suite...'); Sa ne marche pas...je sais pas pourquoi.. l'idéal serait un lien qui envoie vers une page qui s'ouvre dans le cadre. mais sinon un tableau avec des images sa serait bien aussi mais sa ne marche pas..
mercredi 3 mai 2006 à 08:14:46 | Re : image interactive

PetoleTeam

Membre Club

B onjour...

1000 exuses mais rupture pour cause de WE fort prolongé...
Je ne vois pas pourquoi cela ne marche pas si ce n'est une coquille dans ce que j'ai écrit plus haut à savoir...qu'il manque un "

<area shape="circle" coords="21,91,14" href="#" OnMouseOver = "AfficheLien('<A HREF="SuperPage.hmt">J\' y cours tout de suite...</A>' );">

;O)


Cette discussion est classée dans : image, liens, zone, interactive

Répondre à ce message

Sujets en rapport avec ce message

zone d'image cliquable [ par supers03 ] bonjours .... j'utilise généralement l'HTML pour mes site internet, mais là j'ai un gros problème alors je me suis dis que ça doit être faisable en Ja Liens dans une zone champ text [ par mary07 ] Bonjour,J'ai un problème que je n'arrive pas à résoudre et le voici. J'espère que vous pourrez m'aider.J'ai créé une liste OPTION VALUE.Ma liste prése cliqué image transporté déposé... [ par gnosis35 ] Bonjour, Voilà le pb : Dans un site je propose différentes images représentant des couleurs et j'aimerai pouvoir cliquer sur l'une de ces images po Zone reactives [ par missceline33 ] Bonjout, je travaille actuellement sur une image, sur laquelle je fais apparaitre des objets et je souhaiterais pouvoir afficher des informations quan Problème: Rollover sur une zone précise de l'image [ par Sp00ky ] Bonjour à toutes et à tous, Voilà j'aimerais faire un rollover partiel sur une image... c'est à dire en utilisant les zones (areas) d'une image comme ne sais pas par où commencer! [ par unpeuperdu ] bonjour à tous, j'ai un problème que j'imagine de débutant mais je ne sais pas par où commencer pour le régler. c'est, je crois, vraiment basique. aidez moi svp [ par amer_ezahir ] bonjour  ; svp aider moi j'ai une image et une zone de texte ; ce que je veux c'est de faire modifier le "value" de cette zone de texte sur l'evenemen aidez moi je suis coincé [ par amer_ezahir ] bonjour  ; svp aider moi j'ai une image et une zone de texte ; ce que je veux c'est de faire modifier le "value" de cette zone de texte sur l'evene au secours aidez moi svp [ par amer_ezahir ] bonjour  ; svp aider moi j'ai une image et une zone de texte ; ce que je veux c'est de faire modifier le "value" de cette zone de texte sur l'evene image cliquable et efets [ par gabs77 ] bonjour, je ne suis pas tres doué en DHTML et autre langage webje cherche a faire comme un marquage sur une image cliquablec'est a  dire que j'ai une


Nos sponsors


Sondage...

Comparez les prix


Apple iPhone 4 Noir (32 Go)
Entre 1290€ et 1333€

Visiter le guide achat

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 : 0,780 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)