Accueil > Forum > > > > problème de validation W3C avec le code Google Map
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 "<"
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
|
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
|
° 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 :
°....
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
|
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é 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;"> </div> <span id="modif_txt_deroulant" class="span_text_deroulant"> </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 & +) et Firefox (version 1.5 &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, " "); // remplace les espaces par : " "
// Ajout d'un décalage d'un espace a gauche entre le texte et l'image
msg_tmpo=" " + 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&v=2&
key=ABQIAAAAJMEg81N-6Lm3XeA3Ip0raRRi_j0U6kJrkFvY4-OX2XYmEAa76BTqLrpjqpvXHTizN-pqqdwh7eIMtA&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
|
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é 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&v=2&
key=ABQIAAAAJMEg81N-6Lm3XeA3Ip0raRRi_j0U6kJrkFvY4-OX2XYmEAa76BTqLrpjqpvXHTizN-pqqdwh7eIMtA&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 & +) et Firefox (version 1.5 &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, " "); // remplace les espaces par : " "
// Ajout d'un décalage d'un espace a gauche entre le texte et l'image
msg_tmpo=" " + 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
|
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.
|
|
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
Livres en rapport
|
Derniers Blogs
POUR RAPPEL ! LES SPéCIFICATIONS DES PROTOCOLES OFFICE ET SHAREPOINT SONT DISPONIBLES SUR MSDNPOUR RAPPEL ! LES SPéCIFICATIONS DES PROTOCOLES OFFICE ET SHAREPOINT SONT DISPONIBLES SUR MSDN par neodante
Quelle est le point commun entre : Microsoft il y a 10 ans et Apple aujourd'hui ? Réponse: avoir une politique de protocoles propriétaires et fermés :) Car pour rappel (si si je vous assure c'est important de le rappeler), la majorité des spécifications e...
Cliquez pour lire la suite de l'article par neodante JOYEUX ANNIVERSAIRE NIXJOYEUX ANNIVERSAIRE NIX par ebartsoft
Souhaitons un bon et joyeux anniversaire à notre hôte à tous, Nix.
Je ne le répéterais jamais assez mais sans lui rien ne serait possible. Il défit en permanence les lois de la gravité et comme il le dit si bien, si tu lui fais confiance ça devra...
Cliquez pour lire la suite de l'article par ebartsoft IMAGINE CUP 2012, MAKE A SIGN EN FINALEIMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg
Voilà qui est fait, la nouvelle est officielle ! L'équipe belge "Make a Sign" va au pays des kangourous défendre son projet dans la catégorie Software Design. http://www.imaginecup.com/CompetitionsContent/Competition/WorldwideFinalists.aspx V...
Cliquez pour lire la suite de l'article par junarnoalg KINECT 1.5 IS OUT !KINECT 1.5 IS OUT ! par Vko
La version 1.5 du Kinect For Microsoft vient tout juste de sortir ! Plein de nouveautés: Tracking de squelette en Near Mode Détection en position assise Détection faciale avec un SDK dédié Documentation et des guideline (enfin) Un out...
Cliquez pour lire la suite de l'article par Vko LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc
Mise à jour des Web API du 14 Mai
Réservez dès maintenant votre journée du 20 juin pour le Windows Azure Dev Camp 2012 à Paris
Mise à jour de Team Foundation Service
MechCommander 2 sur Windows 8
Entity Framework 5 Release Candidate e...
Cliquez pour lire la suite de l'article par richardc
Logiciels
sDEVIS-FACTURES vlPRO (8.1.0.3)SDEVIS-FACTURES VLPRO (8.1.0.3)sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa... Cliquez pour télécharger sDEVIS-FACTURES vlPRO 974 Application Server (12.2.4.6)974 APPLICATION SERVER (12.2.4.6)Développez de puissantes applications dans un environnement de 'cloud computing', clusterisé, séc... Cliquez pour télécharger 974 Application Server vPicture (1.4.2.1)VPICTURE (1.4.2.1)Avec vPicture, hébergez vos images facilement et rapidement.
vPicture est un utilitaire simple, ... Cliquez pour télécharger vPicture Easy-Planning (2.2.1.6)EASY-PLANNING (2.2.1.6)Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté au... Cliquez pour télécharger Easy-Planning COM-BACKUP (2.0)COM-BACKUP (2.0)
COM-BACKUP est un logiciel de sauvegarde qui permet de planifier les sauvegardes de vos dossiers ...
Cliquez pour télécharger COM-BACKUP
|