begin process at 2012 05 29 21:39:48
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

JavaScript et le navigateur

 > 

Autre

 > 

problème de validation W3C avec le code Google Map


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

problème de validation W3C avec le code Google Map

samedi 3 octobre 2009 à 20:29:12 | problème de validation W3C avec le code Google Map

valentines

Bonsoir,

ça fait un bail que je cherche comment valider le code de Google Map en W3C. Il me met un erreur sur la boucle javascript [code]for (var i = 0; i < markers.length; i++) {...}[/code]

Il me dit de remplacer "<" par "&lt;"

J'ai essayé mais ça ne marche pas : je ne vois plus ma carte apparaître.

Auriez-vous une idée sur comment valider ce code?

Merci.

Valentine.
dimanche 4 octobre 2009 à 09:07:54 | Re : problème de validation W3C avec le code Google Map

Bul3

Membre Club
Bonjour,
mettez votre javascript dans un .js
il n'y aura plus d'erreurs
je ne sais pas si le w3C ne se mélange un peu
les yeux quand il y a du javascript dans le html.
ce serait assez marrant...
Cordialement [mon Site] [M'écrire] Bul
dimanche 4 octobre 2009 à 17:37:07 | Re : problème de validation W3C avec le code Google Map

valentines

merci de votre réponse mais j'ai essayé et ça ne fonctionne pas

J'ai mis le lien dans la <head><script language="JavaScript" type="text/javascript" src="scripts.js"></script></head>

et j'ai crée le fichier script.js où j'ai mis mes codes javascript.

La carte google map ne s'affiche pas.

Je dois peut-être oublier autre chose mais je ne vois pas.
dimanche 4 octobre 2009 à 18:15:37 | Re : problème de validation W3C avec le code Google Map

Bul3

Membre Club
° le fichier scripts.js ( ou script.js ??? )
n'est pas trouvé ( erreur nom, chemin .. )
° il y a des erreurs dans ce .js
par exemple, attention, on y met des ordres
javascript, uniquement du javascript !
par exemple
Code HTML :
<html>
<body>
<script> 
alert("bonjour à tous");
</script>
</body>
</html>

ça devient
Code HTML :
<html>
<body>
<script src="toto.js"></script> 
</body>
</html>
et dans toto.js ( sans rien d'autres )
Code Javascript :
alert("bonjour à tous");


°....

mais si cela fonctionnait en ayant le javascript
dans la page, ça doit fonctionner si c'est
dans un .js : c'est ni plus ni moins qu'un
copié/collé du contenu du fichier là où on
l'appelle

dimanche 4 octobre 2009 à 18:18:54 | Re : problème de validation W3C avec le code Google Map

Bul3

Membre Club
n'oubliez pas non plus que le javascript+html
c'est de l'interprété

Code HTML :
<script>alert(document.getelementbyid("toto"));
// ça plante ici </script>
<input type="text" id="toto" />
<script>alert(document.getelementbyid("toto"));
// et ici c'est bon </script>

comme c'est dans le <head> que vous
mettez ce .js... on ne sait jamais

lundi 5 octobre 2009 à 02:22:41 | Re : problème de validation W3C avec le code Google Map

valentines

bonsoir

je vous montre mon 1er fichier:index.php
[code]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>centre de contrôle technique de Veauche,autocontrôle veauchois,Florent GENON</title>
<meta name="description" content="Centre de contrôle technique de Veauche, Autocontrôle veauchois est tenu par Florent GENON. Il est situ&eacute; dans la zone La Prairie en face du centre de tri de la Poste"/>
<link href="style/style.css" type="text/css" rel="stylesheet"/>
<script language="JavaScript" type="text/javascript" src="scripts.js"></script>

<style type="text/css">
.span_text_deroulant{font-family:Lucida Console, Lucida Sans Typewriter, Lithograph, Letter Gothic MT, Verdana;font-weight:bold;font-size:10pt;width:850px;color:green;letter-spacing: 0em; word-spacing: 0em;vertical-align:bottom;cursor:default;}
</style>

</head>

<body onload="initialize()" onunload="GUnload()">

<div id="pere">

<div id="bandeau">

<?php
include('bandeau.php');
?>

</div><!--fermeture bandeau-->

<div id="contener">
<div id="traitnoir">

</div>

<div id="traitjaune">
<div style="position:absolute;width:900px;height:10px;;font-size:11pt;color:#000099;cursor:default;">&nbsp;</div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span id="modif_txt_deroulant" class="span_text_deroulant">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>

</div>

<div id="menu">

<?php
include('menu.php');
?>

</div><!--menu-->

<div id="text">
<?php
if(!isset ($_GET ['page'] ) ){

include('accueil.php');
}

else{

switch($_GET['page']){


case 'pointsdecontrole.php':
include('pointsdecontrole.php');
break;

case 'dateducontrole.php':
include('dateducontrole.php');
break;

case 'cartegoogle.php':
include('cartegoogle.php');
break;

case 'securiteroutiere.php':
include('securiteroutiere.php');
break;

case'plandusite.php':
include('plandusite.php');
break;

case'contact.php':
include('contact.php');
break;

case 'mentionslegales.php':
include ('mentionslegales.php');
break;

case'direction.php':
include ('direction.php');
break;

case'visibilite.php':
include ('visibilite.php');
break;

case 'equipements.php':
include ('equipements.php');
break;

case 'eclairage.php':
include ('eclairage.php');
break;

case 'identification.php':
include ('identification.php');
break;

case 'organesmecaniques.php':
include ('organesmecaniques.php');
break;

case 'freinage.php':
include ('freinage.php');
break;

case 'liaisonssol.php':
include ('liaisonssol.php');
break;

case'carrosserie.php':
include ('carrosserie.php');
break;

case'pollution.php':
include ('pollution.php');
break;

case'photo.php':
include ('photo.php');
break;

default:include('accueil.php');
}
}

?>

</div> <!-- fin div text -->

</div><!--fin de la div contener-->

<div id="pieds">
<?php
include('pieds.php');
?>

</div> <!--fermeture pieds-->


</div><!--fermeture pere-->
</body>
</html>
[/code]


mon fichier scripts.js
[code]
function initialize() {//code google carte longitude latitude de Veauche:
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map_canvas"));
map.setCenter(new GLatLng(45.5524651, 4.2923927), 15);
GDownloadUrl("data.xml", function(data, responseCode) {
var xml = GXml.parse(data);
var markers = xml.documentElement.getElementsByTagName("marker");
for (var i = 0; i < markers.length; i++) {
var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),
parseFloat(markers[i].getAttribute("lng")));
map.addOverlay(new GMarker(point));
}
});


map.openInfoWindow(map.getCenter(),
document.createTextNode("Auto Contrôle Veauchois 9 rue Gutenberg 42340 VEAUCHE"));


}
}

//code accroche publicitaire défilant en javascript
Script compatible IE (version 6 &amp; +) et Firefox (version 1.5 &amp;2)

// Le message à faire défiler-->
var notre_msg=" Auto Contrôle Veauchois, centre de contrôle technique de Veauche : la garantie d'un bon contrôle...";

// Deux effets possibles avec mem_msg
// Effet 1 = sans effet, défilement normal,
// il faut mettre un maximum d'espaces pour enlever l'effet du glissement
var mem_msg=' '; // 90 espaces
// Effet 2 = au démarrage, glissement du texte puis défilement
//var mem_msg=' '; // seulement 1 espace
var pos_char=0; // variable de mémorisation de position caractère

function msg_defilant() {
var vitesse_msg = 120; // règle la rapidité, diminue = plus rapide, augmente = plus lent
// vérif. si position caractère supérieur a la longueur de la chaine
//if (pos_char >= notre_msg.length) {pos_char=0}
mem_msg=mem_msg + notre_msg.substring(pos_char,pos_char+1);
//pos_char++;
pos_char = (pos_char + 1) % notre_msg.length;
// on limite la largueur en terme de carateres
var msg_tmpo=mem_msg; // variable temporaire
mem_msg="";
mem_msg=msg_tmpo.substring(msg_tmpo.length-90,msg_tmpo.length); // 90 caractères
msg_tmpo="";
msg_tmpo = mem_msg.replace(/ /g, "&nbsp;"); // remplace les espaces par : "&nbsp;"
// Ajout d'un décalage d'un espace a gauche entre le texte et l'image
msg_tmpo="&nbsp;" + msg_tmpo;
// Insertion du texte
var b_txt_deroulant=document.getElementById("modif_txt_deroulant");
b_txt_deroulant.innerHTML=msg_tmpo;
window.setTimeout("msg_defilant()",vitesse_msg); // Re-lance la fonction
}
{window.setTimeout("msg_defilant()",100);} // Activation du message défilant
-->
[/code]

mon fichier d'affichage de la carte google:cartegoogle.php
[code]
<?php
$page='Carte';
include('connexion.php');

$req = mysql_query("SELECT titre,chapeau,paragraphe1,paragraphe2,paragraphe3 FROM `bddfloct` WHERE nom_page ='$page'");

$tabl_resultat = mysql_fetch_array($req);
?>


<div id="carte">

<h1 style="width:700px;" class="accueil">Auto Contrôle Veauchois, 9 rue Gutenberg 42340 VEAUCHE</h1>


<div id="map_canvas">

<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;
key=ABQIAAAAJMEg81N-6Lm3XeA3Ip0raRRi_j0U6kJrkFvY4-OX2XYmEAa76BTqLrpjqpvXHTizN-pqqdwh7eIMtA&amp;sensor=true_or_false" type="text/javascript">
</script>

</div>

</div>
[/code]


[/code]
lundi 5 octobre 2009 à 10:45:32 | Re : problème de validation W3C avec le code Google Map

Bul3

Membre Club
comment je fais pour deviner le contenu
de votre base de données ? celui des $variables ?
c'est le html résultant qu'il faudrait
mais, vous avez contrôlé les points
dont je vous parlais ?

dans un 1er temps :
élaguer tout ce qui ne concerne pas directement le problème
tester uniquement avec le html+javascript
résultant et pas le php
réduisez au maximum
mettez des alert
débogger si nécessaire (**)

** :
mardi 6 octobre 2009 à 19:10:11 | Re : problème de validation W3C avec le code Google Map

valentines

bonsoir,

Pour les fichiers envoyés ci-dessus, la carte google map n'est pas dans la base de données, seuls les textes autour y sont.

j'ai essayé comme vous me le suggérez de ne laisser que le html sans menu etc.

j'ai fait 4 fichiers: index.php;style.css, data.xml et scripts.js


je sais que google map a besoin du chemin vers le nom du site en local et que si je change le nom ma carte ne s'affiche pas. Il faut que je demande une autre clé. Mais je reste là coincé pour séparer le .js du code html. Je ne sais pas trop comment débuger du javascript et voir là où ça plante.


voici mes 4 fichiers

fichier index.php
[code]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>centre de contrôle technique de Veauche,autocontrôle veauchois,Florent GENON</title>
<meta name="description" content="Centre de contrôle technique de Veauche, Autocontrôle veauchois est tenu par Florent GENON. Il est situ&eacute; dans la zone La Prairie en face du centre de tri de la Poste"/>
<link href="style.css" type="text/css" rel="stylesheet"/>
<script language="JavaScript" type="text/javascript" src="scripts.js"></script>

<style type="text/css">
.span_text_deroulant{font-family:Lucida Console, Lucida Sans Typewriter, Lithograph, Letter Gothic MT, Verdana;font-weight:bold;font-size:10pt;width:850px;color:green;letter-spacing: 0em; word-spacing: 0em;vertical-align:bottom;cursor:default;}
</style>

</head>

<body onload="initialize()" onunload="GUnload()">

<div id="pere">


<h1 style="width:700px;">Auto Contrôle Veauchois, 9 rue Gutenberg 42340 VEAUCHE</h1>


<div id="map_canvas">

<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;
key=ABQIAAAAJMEg81N-6Lm3XeA3Ip0raRRi_j0U6kJrkFvY4-OX2XYmEAa76BTqLrpjqpvXHTizN-pqqdwh7eIMtA&amp;sensor=true_or_false" type="text/javascript">
</script>


</div><!--fermeture map_canvas-->


</div><!--fermeture pere-->
</body>
</html>

[/code]


fichier data.xml
[code]
<markers>
<marker lat="45.5524651" lng="4.2923927"/>
</markers>
[/code]


fichier scripts.js
[code]
function initialize() {//code google carte longitude latitude de Veauche:
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map_canvas"));
map.setCenter(new GLatLng(45.5524651, 4.2923927), 15);
GDownloadUrl("data.xml", function(data, responseCode) {
var xml = GXml.parse(data);
var markers = xml.documentElement.getElementsByTagName("marker");
for (var i = 0; i < markers.length; i++) {
var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),
parseFloat(markers[i].getAttribute("lng")));
map.addOverlay(new GMarker(point));
}
});


map.openInfoWindow(map.getCenter(),
document.createTextNode("Auto Contrôle Veauchois 9 rue Gutenberg 42340 VEAUCHE"));


}
}

//code accroche publicitaire défilant en javascript
Script compatible IE (version 6 &amp; +) et Firefox (version 1.5 &amp;2)

// Le message à faire défiler-->
var notre_msg=" Auto Contrôle Veauchois, centre de contrôle technique de Veauche : la garantie d'un bon contrôle...";

// Deux effets possibles avec mem_msg
// Effet 1 = sans effet, défilement normal,
// il faut mettre un maximum d'espaces pour enlever l'effet du glissement
var mem_msg=' '; // 90 espaces
// Effet 2 = au démarrage, glissement du texte puis défilement
//var mem_msg=' '; // seulement 1 espace
var pos_char=0; // variable de mémorisation de position caractère

function msg_defilant() {
var vitesse_msg = 120; // règle la rapidité, diminue = plus rapide, augmente = plus lent
// vérif. si position caractère supérieur a la longueur de la chaine
//if (pos_char >= notre_msg.length) {pos_char=0}
mem_msg=mem_msg + notre_msg.substring(pos_char,pos_char+1);
//pos_char++;
pos_char = (pos_char + 1) % notre_msg.length;
// on limite la largueur en terme de carateres
var msg_tmpo=mem_msg; // variable temporaire
mem_msg="";
mem_msg=msg_tmpo.substring(msg_tmpo.length-90,msg_tmpo.length); // 90 caractères
msg_tmpo="";
msg_tmpo = mem_msg.replace(/ /g, "&nbsp;"); // remplace les espaces par : "&nbsp;"
// Ajout d'un décalage d'un espace a gauche entre le texte et l'image
msg_tmpo="&nbsp;" + msg_tmpo;
// Insertion du texte
var b_txt_deroulant=document.getElementById("modif_txt_deroulant");
b_txt_deroulant.innerHTML=msg_tmpo;
window.setTimeout("msg_defilant()",vitesse_msg); // Re-lance la fonction
}
{window.setTimeout("msg_defilant()",100);} // Activation du message défilant

[/code]

ma feuille de style: style.css
[code]
/* CSS Document */
p,div,h1,h2,h3,h4,h5,h6,span,li,ul,a{
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

body{
/*background-color:#cccccc;/*gris clair*/
background-color:white;
}

#pere{
width:900px;
margin-left:auto;
margin-right:auto;
border:black 1px solid;
}



/*************************************PAGE ACCUEIL TITRE BLEU***************************/
#pere h1{
width:425px;
background-color:green;/*bleu*/
color:#fff;
font-size:12px;
}
/************************************ PAGE CARTE MAPPY *********************************/
#carte{/*730*/
width:710px;
height:391px;
}
#carte h1{
width:410px;
margin-bottom:10px;
}
#carte img{
width:700px;
height:330px;
}
#carte a{
font-size:14px;
color:black;/*lien vert direction mappy*/
text-decoration:none;
}
#map_canvas{
width:700px;
height:375px;
}
[/code]

Merci de votre aide.

Valentines




mercredi 7 octobre 2009 à 09:22:09 | Re : problème de validation W3C avec le code Google Map

Bul3

Membre Club
remplacez vos <script>ordres</script>
par des <script src="???.js"></script>
exactement au même endroit.
aucune raison que cela ne fonctionne pas
ou alors c'est que cela ne fonctionnait
pas "avant" les .js
mercredi 21 octobre 2009 à 17:20:26 | Re : problème de validation W3C avec le code Google Map

valentines

je vous remercie mais je ne vois pas ce que je dois changer pour que ça marche en séparant le xhtml et le js.

j'ai laissé le script dans mon head et ça fonctionne comme ça.

On va dire que comme je n'ai pas trouvé ça s'est résolu autrement.

Merci.

1 2

Cette discussion est classée dans : problème, code, map, google, w3c


Répondre à ce message

Sujets en rapport avec ce message

Recupération d'une adresse d'établissement pour google maps [ par math567 ] Bonjour, Je souhaiterai récupéré dans une variable javascript le contenu de la valeur d'un champ pour l'utiliser afin de situer le lieu d'un établisse API Google Maps les markers [ par steppp ] Bonjour, Je sollicite votre aide pour un problème qui m'étonne. Il me paraîtrait logique qu'il y ait une erreur très simple mais pourtant je réécris google map & jQuery thickbox [ par math11 ] salut tout le monde, Actuellement occupé a créer une page de contact avec Google Map, je cherche a appeler un formulaire dans une thickbox depuis une getElementById problème (style) [ par arbilus ] Bonjour, pouvez-vous m'expliquer pourquoi cela ne fonctionne pas (l'iframe n'est pas à 1px ) : [code=js] function h1(){ document.getElementById(' Intégration fonction geocodage - Api Google Map v3 [ par a44icus ] Bonsoir, J'aimerai intégrer la fonction de géocodage à ma carte google map qui appelle divers marqueur via une base de donnée. J'ai essayé d'intégrer Probleme pour afficher un itinéraire api google map [ par sentenzai ] Bonjour, Voici mon problème, je souhaiterais récupérer les coordonnées de longitude et de latitude de l'utilisateur. Puis créer l'itinéraire google m Problème de onchange sur un select [ par Coki44 ] Bonjour, je code une page html avec un formulaire contenant deux select, l'idée étant que l'utilisateur ne peut choisir que dans un de ces select. Do Problème Bizarre if(var!= NULL) en javascript [ par midoxe ] Bonjour, je me retrouve avce un problème BIZARRE vraiment [^^confus2] !!!!! voici mon code : [code=as]function PromptMessage() { var saisie = reactualiser sa carte google map [ par gnanzou ] Bonjour à tous. j'aimerais actualiser ma carte google map toutes les 10 s, mais je ne sais pas comment m'y prendre.quelqu'un peut m'aidez? s'il vous google map + XML [ par jadoud ] bonsoir, dans le cadre d'un projet je suis besoin de mètre des marqueurs sur une map en utilisiez google map j'ai réussir a mètre des marqueurs stati


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

Photothèque

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 : 1,466 sec (3)

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