11521 sujets

JavaScript, DOM et API Web HTML5

Bonjour à tous,
Mon titre n'est pas très clair alors je vais essayer de détailler Smiley sweatdrop
Je souhaiterais récolter les coordonnées d'un point sur une carte afin de les insérer sur un champ présent sur une autre page.
Pour celà, j'utilise la fonstion onclick :

@section scripts
{
   <script>
        $(document).ready(function () {
            // On affiche les coordonnées au click 
            $("img").click(function (e) {
                //l'offset qui permet de déclarer l'origine de l'image  
                var offset = $(this).offset();
                $("#x").val(e.pageX - offset.left);
                // solution temporaire pour changer l'origine de Y : on enleve 1040px 
                $("#y").val(e.pageY  - offset.top -1040);
            });
        });
    </script>


    <!-- Definition de l'image -->
    <img class="img-responsive" src="~/Content/usine2.jpg" />
    <hr />
    <!-- Affichage des coordonnées -->
    X: <input id='x' />
    Y: <input id='y' />
}


J'arrive à compléter les champs input mais la finalité serait de compléter un formulaire présent sur une autre page afin de l'intégrer à une BDD.
J'ai essayé pas mal d'alternative, mais sans succès.
Auriez vous une petite idée ?
Par avance merci et bonne journée
Pour info : Mon site est en .Net C#
Modifié par ctrl (23 Jul 2017 - 15:40)
Bonjour,

Pour ton problème, il te faudra POSTer tes données vers ton autre page (ajax ou autre).

Sinon question, n'aurais-tu pas besoin plus de la méthode position() que la méthode offset() de jQuery ?

EDIT: Sinon vois également peut-être avec le sessionstorage (ou localstorage)
Modifié par SolidSnake (24 Jul 2017 - 11:48)