PC SOFT

FORUMS PROFESSIONNELS
WINDEVWEBDEV et WINDEV Mobile

Accueil → WINDEV (précédentes versions) → [WD20] Problème champ ActiveX
[WD20] Problème champ ActiveX
Débuté par Jeremy Marty, 28 mai 2018 21:10 - Aucune réponse
Posté le 28 mai 2018 - 21:10
Bonjour je vous contacte car j'ai besoin d'aide.
Je développe une application de cartographie avec WinDev20. Afin d'avoir une carte Google Map j'utilise le champ ActiveX et l'API google map JS, avec la classe CiExplore pour communiquer avec mon champ ActiveX.
Cependant j'ai un problème avec mon HTML je pense, car si j'ai dans le code HTML le DocType ma carte fonctionne mais je ne peut pas utiliser les AX>>Document>>GetElement>>Click.
Alors que si le DocType n'est pas présent dans ma page HTML les Click fonctionne mais je n'ai pas la carte ...
J'ai fais la modification du registre afin de mettre la valeur 100001 pour utiliser IE10
Voici le code HTML de ma page
<!DOCTYPE HTML>
<html>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<meta charset="utf-8">
<head>
<title>Directly accessing Street View data</title>
<BODY SCROLL=NO>
<style type="text/css">
html { height: 100% }
body { height: 100%; margin: 0; padding: 0 }
</style>
<style>
html,
body,
#map-canvas {
position: relative;
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
float: left;
}
</style>
<style>
html,
body,
#pano {
position: relative;
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
float: right;
}
</style>
<style type="text/css">
.labels {
color: red;
background-color: #b4b3b3;
font-family: "Lucida Grande", "Arial", sans-serif;
font-size: 10px;
font-weight: bold;
text-align: center;
width: 40px;
border: 2px solid black;
white-space: nowrap;
}
</style>

<input type="hidden" id="FromWD" value="" />
<script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyABbyDhZi04atu3VnRnfe_oOHc_TTwP1CQ&callback=initMap&sensor=false&libraries=drawing,geometry"></script>

<script>
function handleErrors() {
return true;
}
window.onerror = handleErrors;
//Déclaration des variable globales au script

var Obj_Map; //Options de la carte Google maps
var Obj_Info;
var Tab_PolygoneDessin = new Array(); //Tableau des polygones
var Tab_Info = [];
var Tab_ZonePollen = [];
var Tab_Distance_Marker = [];
var Tb_ValeurSeparer = new Array();
var Tab_Marker = new Array();
var Obj_StreetView = new google.maps.StreetViewService();
var Obj_ActiveX = new ActiveXObject("Microsoft.XMLHTTP");
var Obj_Pano_StreetView;
var ObjG_StreetView;
var Vi_Indicateur_DbClick;
//Création des options des dessins par défault
var Obj_Btn_Dessin = new google.maps.drawing.DrawingManager({
drawingControl: true,
drawingControlOptions: {
drawingModes: [google.maps.drawing.OverlayType.POLYLINE]
}
});
//Fonction d'initialisation de la carte Google Maps
function initMap() {
Obj_Pano_StreetView = new google.maps.StreetViewPanorama(document.getElementById('pano'));
var mapOptions = {
center: new google.maps.LatLng( 0, 0),
mapTypeId: google.maps.MapTypeId.HYBRID,
zoom: 4,
disableDoubleClickZoom: true,
streetView: Obj_Pano_StreetView
};
Obj_Map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
Obj_Btn_Dessin.setMap(Obj_Map); // Ajout des fonctions de dessin
Obj_Info = new google.maps.InfoWindow();
google.maps.event.addListener(Obj_Map, 'dblclick', function() {
var zoom = Obj_Map.getZoom();
zoom = zoom + 1;
Obj_Map.setZoom(zoom)
});
google.maps.event.addListener(Obj_Btn_Dessin, 'polygoncomplete', Lecture_Polygone_Google); //Evenement Polygone (Récupère le polygone crée pour l'ajouter dans la tableau PolygoneDessin et dans la base de donnée
google.maps.event.addListener(Obj_Btn_Dessin, 'polylinecomplete', Regle); //Evenement Polyline (Sert pour la règle)
google.maps.event.addListener(Obj_Btn_Dessin, 'markercomplete', Creer_Point_Entrer); //Evenement Marker (Sert pour les points d'entrée)
//Gestion du StreetView
var streetView = Obj_Map.getStreetView();
ObjG_StreetView = streetView
streetView.setOptions({
enableCloseButton: true
});
var test = 0;
google.maps.event.addListener(streetView, "visible_changed", function() { //Evenement si Pegman et sur la carte
test = test + 1;
var visible = this.getVisible();
var positionpegman = this.getPosition(); //Récupère la position du Pegman
document.getElementById("Vs_Point_Entree").value = positionpegman;
if (test >= 2) {
if (visible == true && test == 2) { //Si Pegman est sur la carte alors on partage l'activeX en deux (Carte à gauche, StreetView à droite)
document.getElementById('map-canvas').style.width = parseInt(50) + '%';
document.getElementById('pano').style.width = Number(49.9) + '%';
document.getElementById('pano').style.float = 'right';
document.getElementById('pano').style.height = '100%';
test = 3;
visible = streetView.getVisible();
google.maps.event.trigger(Obj_Map, 'resize');
Obj_Map.setCenter(positionpegman);
} else if (visible == false && test >= 3) { //Sinon on toute la totalité de l'activeX à la carte
document.getElementById('map-canvas').style.width = Number(100) + '%';
google.maps.event.trigger(Obj_Map, 'resize');
test = 1;
}
}
});
}

function ZoomOut() {
var zoom = Obj_Map.getZoom();
zoom = zoom - 1;
Obj_Map.setZoom(zoom);
}
</script>
<script type="text/javascript" src="Script/ScriptMap.js"></script>
</head>
<body oncontextmenu="return false" ondragstart="return false" onselectstart="return false">
<div id="map-canvas"></div>
<div id="pano"></div>
<body onload=Fin_Initialisation()>
<form name="form1">
<input type="hidden" id="Vi_Nature" name="Vi_Nature" Value="" />
<input type="hidden" id="Vgb_EnModeTest" name="Vgb_EnModeTest" Value="" onChange="ModeTest()" />
<input type="hidden" id="Vs_DateModeTest" name="Vs_DateModeTest" Value="" />
<input type="hidden" id="Vi_Cde_Nature" name="Vi_Cde_Nature" Value="" />
<input type="hidden" id="Vi_ZonePollen" name="Vi_ZonePollen" Value="" />
<input type="hidden" id="Vs_Couleur" name="Vs_Couleur" Value="" />
<input type="hidden" id="Vi_Distance_ZonePollen" name="Vi_Distance_ZonePollen" Value="" />
<input type="hidden" name="Vs_IdPlan" id="Vs_IdPlan" Value="" />
<input type="hidden" name="Vs_Point_Polygone" id="Vs_Point_Polygone" Value="" />
<input type="hidden" name="Vi_Superficie" id="Vi_Superficie" Value="" />
<input type="hidden" name="Vs_IdParcelle" id="Vs_IdParcelle" value="" />
<input type="hidden" name="Vs_Indice_Parcelle" id="Vs_Indice_Parcelle" Value="" />
<input type="hidden" name="Vs_Nom" id="Vs_Nom" value="" />
<input type="hidden" name="Vs_Nom_Parcelle" id="Vs_Nom_Parcelle" value="" />
<input type="hidden" name="Vi_Latitude" id="Vi_Latitude" value="" />
<input type="hidden" name="Vi_Longitude" id="Vi_Longitude" value="" />
<input type="hidden" name="Vi_Latitude_Chemin" id="Vi_Latitude_Chemin" value="" />
<input type="hidden" name="Vi_Longitude_Chemin" id="Vi_Longitude_Chemin" value="" />
<input type="hidden" name="Vi_Latitude_Route" id="Vi_Latitude_Route" value="" />
<input type="hidden" name="Vi_Longitude_Route" id="Vi_Longitude_Route" value="" />
<input type="hidden" name="Vs_Point_Entree" id="Vs_Point_Entree" value="" />
<input type="hidden" name="Vi_SurfaceSelectionner" id="Vi_SurfaceSelectionner" value="" />
<input type="hidden" name="Vi_Surfaceprogramme" id="Vi_Surfaceprogramme" value="" onChange="Surfaceprogrammeactiver()" />
<input type="hidden" name="Vi_Mode_Dessin" id="Vi_Mode_Dessin" value="" onClick="Option_Dessin()" />
<input type="hidden" id="BTN_Afficher_Info" Name="BTN_Afficher_Info" Value="Afficher" onClick="Bulle_Info(form1)" />
<input type="hidden" id="BTN_Retirer_Info" Name="BTN_Retirer_Info" Value="Afficherrr" onClick="Fermer_InfoBulle()" />
<input type="hidden" id="BTN_Afficher_Flitre" Name="BTN_Afficher_Flitre" Value="Afficherrr" onClick="Affiche_Polygone_Nature()" />
<input type="hidden" id="BTN_Cacher_Surface" Name="BTN_Cacher_Surface" Value="Afficherrr" onClick="Cacher_Surface()" />
<input type="hidden" id="BTN_Afficher_Surface" Name="BTN_Afficher_Surface" Value="Afficherrr" onClick="Afficher_Surface()" />
<input type="hidden" id="BTN_Retirer_Filtre" Name="BTN_Retirer_Filtre" Value="Afficherrr" onClick="Cacher_Polygone_Nature()" />
<input type="hidden" id="BTN_Desactiver_ZonePollen" Name="BTN_Desactiver_ZonePollen" Value="ok" onClick="DesactiveZonepollen()" />
<input type="hidden" id="BTN_Parametrage_Polygone" Name="BTN_Parametrage_Polygone" Value="Afficher" onClick="Identification_Polygone()" />
<input type="hidden" id="BTN_Modifier_Nature" Name="BTN_Modifier_Nature" Value="Afficher" onClick="Nouveautype()" />
<input type="hidden" id="BTN_Creation_Production" Name="BTN_Creation_Production" Value="Afficher" onClick="Duplication_Polygone()" />
<input type="hidden" id="BTN_Desactiver_Marker" Name="BTN_Desactiver_Marker" Value="Afficher" onClick="Retire_Option_Marker()" />
<input type="hidden" id="BTN_Afficher_Marker" Name="BTN_Afficher_Marker" Value="" onClick="Ajout_Option_Marker()" />
<input type="hidden" id="BTN_Supprimer_Marker" Name="BTN_Supprimer_Marker" value="" onClick="Supprimer_Marker()" />
<input type="hidden" id="BTN_Polygone_Fini" Name="BTN_Polygone_Fini" value="" onClick="Dessin_Polygone_Fini()" />
<input type="hidden" id="BTN_Dezoom" Name="BTN_Dezoom" value="" onClick="ZoomOut()" />
<input type="hidden" id="BTN_Supprimer_Regles" Name="BTN_Supprimer_Regles" value="" onClick="Supprimer_Toute_Regles()" />
<input type="hidden" id="BTN_Afficher_Dernier_Marker" Name="BTN_Afficher_Dernier_Marker" value="" onClick="Afficher_Dernier_Point_Entree()" />
<input type="hidden" id="BTN_Supprimer_Infos" Name="BTN_Supprimer_Infos" value="" onClick="Supprimer_TouteInfo()" />
<input type="hidden" id="BTN_Supprimer_Poly_Erreur" Name="BTN_Supprimer_Poly_Erreur" onClick="Supprimer_Polygone_Si_pasdenom()" />
<input type="hidden" id="BTN_Charger_Texte" Name="BTN_Charger_Texte" onClick="load()" />
<input type="hidden" id="BTN_Supprimer_Tout_Polygone" Name="BTN_Supprimer_Tout_Polygone" onClick="Supprimer_Tout_Polygone()" />
<input type="hidden" id="BTN_Centrer_Carte" Name="BTN_Centrer_Carte" onClick="Voir_Tout()" />
<input type="hidden" id="Vs_Point_Mini" Name="Vs_Point_Mini" value="" />
<input type="hidden" id="Vs_Point_Maxi" Name="Vs_Point_Maxi" value="" />
<input type="hidden" id="Vi_Type_Entree" Name="Vi_Type_Entree" value="" />
<input type="hidden" id="Vi_Indice_Distance_Marker" Name="Vi_Indice_Distance_Marker" value="" />
<input type="hidden" id="BTN_Vs_Parametrage_Centre_Carte" Name="BTN_Vs_Parametrage_Centre_Carte" value="" onClick="Parametre_ZoomCentre()" />
<input type="hidden" id="Vi_Position_Sourie" Name="Vi_Position_Sourie" value="" />
<input type="hidden" id="Vs_Fonction_Demander" Name="Vs_Fonction_Demander" value="" onClick="Modification_Polygone()" />
<input type="hidden" id="Vs_Position_Origine" Name="Vs_Position_Origine" value="" />
<input type="hidden" id="Vs_Position_Final" Name="Vs_Position_Final" value="" />
<input type="hidden" id="Vi_Numero_Point" Name="Vi_Numero_Point" value="" />
</FORM>
</body>
</html>


Merci de votre aide