begin process at 2012 05 29 09:25:29
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Archive Javascript

 > 

Archives

 > 

AU SECOURS !!!

 > 

manipulations d'images


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

manipulations d'images

mardi 11 avril 2006 à 23:37:35 | manipulations d'images

3dagard

bonjour,

je suis novice, et si quelqu'un pouvais m'aider ce serait genial.

1) sur une image.jpg , avoir une zone reactive qui ouvrirait un menu derourant de plusieurs lignes.

2) chaque ligne ouvriraiet une image.jpg differente, ce positionnant sur une image de fond et unique pour l'ensemble des differentes lignes.

j'espere avoir ete claire, et encore merci pour votre aide.

3dagard

mercredi 12 avril 2006 à 09:48:15 | Re : manipulations d'images

bultez

Membre Club





Bonjour,
si j'ai bien compris regarder

<img  usemap="#???"
          src="..." ... />
<map  id="???" name="???">
 <area  shape="poly"
   href="lien"
   coords="coordonnées".../>
<area...
...
</map>


Cordialement. Bul. ~ Mon Site qu'il est à Moi ~

mercredi 12 avril 2006 à 11:06:36 | Re : manipulations d'images

3dagard

un grand merci pour la rapidite, du jamais vu !

je travail dessus dans l'apres midi, et encore un grand merci A+

3dagard

mercredi 12 avril 2006 à 17:12:54 | Re : manipulations d'images ( suite )

3dagard


bonjour,
pour mieux conprendre je joins mon code.
Donc 1)la zone reactive( de l'image A ) doit ouvrir le menu deroulant nommer 19e N(il y aura un menu deroulant par arrond )
2)Toutes les lignes du menu 19e N ouvirirons l'image 19e N( image B ), et chaque ligne ouvrira une image ( image c,d,e,f )qui ce positionnera sur l'images 19eN ( image B )
encore un grand merci pour l'aide
3dagard

<html>
<head>
<title>ESSAI</title>
<script language="JavaScript" type="text/JavaScript">
<!--
function doClear(theText)
{
if (theText.value == theText.defaultValue)
{
theText.value = ""
}
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
//-->
</script>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);

function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
//-->
</script>
<!-- DEBUT DU SCRIPT -->
<script language="JavaScript">
function ChangeUrl(formulaire)
{
if (formulaire.ListeUrl9N.selectedIndex != 0)
{
location.href = formulaire.ListeUrl.options[formulaire.ListeUrl9N.selectedIndex].value;
}
else
{
alert('Veuillez choisir une adresse.');
}
}
</script>
<!-- FIN DU SCRIPT -->


<style type="text/css">
<!--
.Style1 {
color: #FFFFFF;
font-weight: bold;
}
-->
</style>
</head>
<body bgcolor="#FFFFFF">
<div id="Layer1" style="position:absolute; left:533px; top:65px; width:355px; height:260px; z-index:1">
<FORM>
<SELECT NAME="ListeUrl" SIZE=15 onChange="ChangeUrl(this.form)">
<OPTION SELECTED VALUE="">--Selectionnez une adresse dans le 19e arrond N--
<OPTION VALUE=> rue de Crimee
<OPTION VALUE=> rue petit
<OPTION VALUE=> Av Jean Jaures
<OPTION VALUE=> quai de la Loire
</SELECT>
</FORM>
</div>
<table width="740" height="15" border="0" align="center" cellpadding="0" cellspacing="0" class="tables_shadows_border_middle">
  <tr> 
<td width="10" class="menu_list_small"> </td>
<td width="726" class="menu_list_small">&nbsp;</td>
</tr>
</table>
<table width="740" height="15" border="0" align="center" cellpadding="0" cellspacing="0" class="tables_shadows_border_middle">
<tr>
<td width="10"> </td>
<td width="351" bgcolor="#336699"><p align="center"><strong><font color="#FFFFFF">PARIS </font></strong></p>
    <td width="10" bgcolor="#336699" class="menu_list_small"><span class="menu_list_small"><font color="#FFFFFF"></font></span></td>
<td width="10"> </td>
<td width="354" bgcolor="#336699"><p align="center"><strong><font color="#FFFFFF">LISTE </font></strong></p>
</td>
<td width="11"> </td>
</tr>
</table>
<table width="740" height="10" border="0" align="center" cellpadding="0" cellspacing="0" class="tables_shadows_border_middle">
  <tr> 
<td width="10"> </td>
</tr>
</table>
<table width="740" height="100" border="0" align="center" cellpadding="0" cellspacing="0" class="tables_shadows_border_middle">
<tr>
<td width="10"> </td>
<td width="354"><img src="visite%20appart/plan-paris.jpg" alt="plan-cartographie" name="plan" width="325" height="262" border="0" usemap="#plan-map" id="plan-map"></td>
<td width="10"><span class="menu_list"></span> </td>
    </td>

<td width="11"> </td>
</tr>
</table>
<table width="740" height="10" border="0" align="center" cellpadding="0" cellspacing="0" class="tables_shadows_border_middle">
<tr>
<td width="10"> </td>
</tr>
</table>
<table width="740" border="0" align="center" cellpadding="0" cellspacing="0" class="tables_shadows_border_middle">
  <tr> 
<td width="10"> </td>
<td width="354" bgcolor="#EBEBEB" class="menu_list_small"><p><strong>Un click sur l'arrondissement ouvre la liste </strong></td>
<td width="10"><span class="menu_list"></span> </td>
<td bgcolor="#EBEBEB" class="menu_list_small"><strong>Un click sur l'adresse donne la localisation sur le plan</strong></td>
<td width="11"> </td>
</tr>
</table>
<table width="740" height="10" border="0" align="center" cellpadding="0" cellspacing="0" class="tables_shadows_border_middle">
<tr>
<td width="10"> </td>
</tr>
</table>
<map name="plan-map">
<area shape="poly" coords="217,59,230,26,225,7,256,8,271,33,225,66" href="#">
</map>
</body>
</html>


Cette discussion est classée dans : images, image, lignes, jpg, manipulations


Répondre à ce message

Sujets en rapport avec ce message

Image aleatoire [ par Revolux ] Bonjour, Je n' y connais absolument rien en Java Script et je ne trouve pas ce que je cherche parmis les sources du site. Je vous pose donc ma questi Probleme avec images aléatoires [ par antiflag25 ] Salut à tous !!Voila je viens de mettre une serie d'image aléatoire sur mon site. Jusque la, pas de probleme, le seul souci, c'est que j'aimerais que pb debutant [ par catamenia ] Bonjour je débute en javascriptJ'essais de faire un diaporama avec affichage de miniatures Au chargement de ma page, le diaporama se lance bien mais l Extension d'image sensible a la casse [ par ecarbill ] Salut à tous. Dans ma page je met des images et toutes avec l'extension '.JPG'. Tout marche bien sur ma machine mais quand j'envoie mon site sur le se pop up dans un script existant [ par cosycorner ] Bonjour, Je souhaite intégrer plusieurs pop up dans un script déjà existant, mais ça ouvre dans une autre page, sans utiliser la fonction "window.open un appel javascript dans une div [ par cosycorner ] Bonjour à tous, Je voudrais insérer des images aléatoires dans une div aux dimensions précises.(en background ?)J'ai trouvé ce script qui fonctionne p problème défilement d'images de façon aléatoire [ par jr5818 ] Bonjour,j'ai récupéré sur le net des bouts de codes afin de faire un défilement d'images aléatoires sur mon site. j'arrive à faire le défilement de la Un appel javascript dans une div [ par cosycorner ] Bonjour à tous, Je voudrais insérer des images aléatoires dans une div aux dimensions précises.(en background ?)J'ai trouvé ce script qui fonctionne p Pb d'affichage [ par cosycorner ] Bonjour, J'ai une page avec des miniatures d'images en aléatoire.Lorsqu'on clique, ça ouvre plusieurs popups.Mais la page d'accueil change n'est pas t Images défilantes de bas en haut [ par hhhteddy ] Bonjour,J'en suis à mes débuts en ce qui concerne la programmation et je souhaite faire un script en n'importe quel language compréhensible qui ferai


Nos sponsors


Sondage...

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,889 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales