Tengo este formulario que muestra al usuario qué tan lejos está una dirección de la ciudad de Silkeborg en Dinamarca usando Google Maps.
El primer campo de entrada es la dirección y el segundo es el código postal.
El formulario se puede ver aquí: https://silkeborgkalder.eistrupweb.dk/job-i-silkeborg/
En el escritorio, el formulario funciona como debería. Sin embargo, en los dispositivos móviles no sucede nada cuando completo el formulario y presiono el botón de envío "Vis afstand" (Mostrar distancia).
Cuando se envía, se ejecuta el siguiente Javascript:
function vejviser() { var adresse = document.getElementById("adresse"); var by = document.getElementById("by"); window.open("https://www.google.com/maps/dir/?api=1&origin=Silkeborg&destination=" + adresse.value + "+" + by.value + "&travelmode=driving") } <form id="jobDistanceCalculator"> <input id="adresse" class="input-felt" type="text" placeholder="Arbejdspladsens adresse" name="adresse" /><br /> <input id="by" class="input-felt" type="number" placeholder="Arbejdspladsens postnummer" name="postnummer" /><br /> <button type="submit" class="submit-btn" value="Vis afstand">Vis afstand</button> </form>Aparte del error del gaTracker, parece que te falta un detector de eventos
window.addEventListener("load", function() { document.getElementById("jobDistanceCalculator").addEventListener("load", function(e) { e.preventDefault(); // stop submission var adresse = document.getElementById("adresse"); var by = document.getElementById("by"); window.open("https://www.google.com/maps/dir/?api=1&origin=Silkeborg&destination=" + adresse.value + "+" + by.value + "&travelmode=driving") }) }) <form id="jobDistanceCalculator"> <input id="adresse" class="input-felt" type="text" placeholder="Arbejdspladsens adresse" name="adresse" /><br /> <input id="by" class="input-felt" type="number" placeholder="Arbejdspladsens postnummer" name="postnummer" /><br /> <button type="submit" class="submit-btn" value="Vis afstand">Vis afstand</button> </form>Pero, ¿por qué un guión?
<form id="jobDistanceCalculator" action="https://www.google.com/maps/dir/"> <input type="hidden" name="api" value="1" /> <input type="hidden" name="origin" value="Silkeborg" /> <input type="hidden" name="travelmode" value="driving" /> <input name="destination" class="input-felt" type="text" placeholder="Arbejdspladsens adresse og post nummer" /><br /> <button type="submit" class="submit-btn" value="Vis afstand">Vis afstand</button> </form>