Discussion :

[kate59]

bonjour,
j ai trouver un script pour quand on tappe un code pstal dans une zone de texte une liste deroulante apparait avec ces villes:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
<?php
//------------------------------
// EXEMPLE D'UTILISATION DE LA BDD DES VILLES/REGION/DEP
//------------------------------
// Affichage d'une carte en flash avec lien sur les departements
// Menu accordeon des regions et departement
// formulaire de recherche par code postal avec liste deroulante des villes correspondant au code postal (pour tester cp -> 35133)
//------------------------------
//---- Config --------
$host="localhost";  
$login="root";   
$password="";  
$base="idealeparut";   
mysql_connect($host,$login,$password)  or die(mysql_error()); 
mysql_select_db($base);
//---- Fonction permettant de mettre tout en majuscule (y compris les accents)
function toutmajuscule($chaine){
$acc = array('ç','à','á','â','è','é','ê','ò','ó','ô','ù','ú','û','À','Á','Â','È','É','Ê','Ì','Í','Î','Ò','Ó','Ô','Ù','Ú','Û');
$sans = array('C','A','A','A','E','E','E','O','O','O','U','U','U','A','A','A','E','E','E','I','I','I','O','O','O','U','U','U');
$mot = str_replace($acc,$sans,$chaine);
return strtoupper($mot);
}
?>
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
<script type="text/javascript" src="js/swfobject.js"></script>
<script type="text/javascript" src="js/jquery-1.2.6.min.js"></script>
<script language="javascript">
<!--
$(document).ready( function () {
    // On cache les sous-menus :
    $(".navigation ul.subMenu").hide();
    // On sélectionne tous les items de liste portant la classe "toggleSubMenu"
    // et on remplace l'élément span qu'ils contiennent par un lien :
    $(".navigation li.toggleSubMenu span").each( function () {
        // On stocke le contenu du span :
        var TexteSpan = $(this).text();
        $(this).replaceWith('<a href="" title="Afficher le sous-menu">' + TexteSpan + '<\/a>') ;
    } ) ;
 
    // On modifie l'évènement "click" sur les liens dans les items de liste
    // qui portent la classe "toggleSubMenu" :
    $(".navigation li.toggleSubMenu > a").click( function () {
        // Si le sous-menu était déjà ouvert, on le referme :
        if ($(this).next("ul.subMenu:visible").length != 0) {
            $(this).next("ul.subMenu").slideUp("normal", function () { $(this).parent().removeClass("open") });
        }
        // Si le sous-menu est caché, on ferme les autres et on l'affiche :
        else {
            $(".navigation ul.subMenu").slideUp("normal", function () { $(this).parent().removeClass("open") });
            $(this).next("ul.subMenu").slideDown("normal", function () { $(this).parent().addClass("open") });
        }
        // On empêche le navigateur de suivre le lien :
        return false;
    });
} ) ;
function afficheVille(size, cp) {
    if (cp.length > size-1) {
	 maRequete.request("action=affVille&codepostal="+cp); }
}
maRequete=new loader("ajax_carte.php");
 
function loader(url){
	this.url=url;
	if(typeof XMLHttpRequest!="undefined"){this.http=new XMLHttpRequest();
	}else if(typeof ActiveXObject!="undefined"){this.http=new ActiveXObject("MSXML2.XmlHttp");
	}else{alert("No XMLHttpRequest object available. This functionality will not work.");}
}
loader.prototype.request=function(postReq){
	var oHttp=this.http;
	if (oHttp.readyState!=0){oHttp.abort();}
	oHttp.open("POST",this.url,true);
	oHttp.setRequestHeader('Content-Type','application/x-www-form-urlencoded; charset=UTF-8');
	oHttp.onreadystatechange=function(){
		if (oHttp.readyState==4){
 
 
			var reponsePHP=oHttp.responseText;
 
			window.eval(reponsePHP);
 
		} else {
		//document.getElementById("chargement").innerHTML = "<img src='images/ajax-loader.gif' alt=''/>Chargement en cours ...<br />";
		}
	};
	oHttp.send(postReq);
};
// -->
</script>
 
Code postal : <input type="text" size="5" length="5" maxlength="5" name="cp" value="" onKeyUp="afficheVille(this.size, this.value)"/>
<span id="listeville"></span>
<span id="carte">
            <strong>Vous ne pouvez pas afficher la carte interactive </strong>
            Pour t&eacute;l&eacute;charger le lecteur flash 8 ou + gratuitement 
            <a href="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash&amp;Lang=French">Cliquez ICI</a>
            </div>	
            <script type="text/javascript">
            // <![CDATA[ 
                    var so = new SWFObject("carte_de_france.swf", "carte", "700", "500", "8", "#ffffff");
                    so.write("carte");
            // ]]>
            </script>
</span>

ca marche nikel mais c est pour récupéré la ville choisit dans le select la je suis perdu.Car j aimerai récupérer pour rentrer dans ma base sql donc il faudrait une varible php contenant le nom de la ville rentrer.
j ai penser rajouter cette focntion:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
function recup(){ 
var indexsite = document.getElementById('select') 
var region = indexsite .options[select.selectedIndex].value 
}

mais ca marche pas.
merci de votre aide.

[SpaceFrog]

y'a un espace en trop ...
le selecetedIndex c'est de indexsite

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
var region = indexsite.options[ indexsite.selectedIndex].value 
alert (region)

[kate59]

je l ai mit rien n'a changer .queqlu un peut il m aider?