L'obtention de la Valeur à Partir de la Fenêtre Popup en Utilisant uniquement JS & HTML

Est-il possible d'obtenir une valeur à partir d'une fenêtre pop-up? En outre, je voudrais utiliser JS et HTML, c'est a dire pas de PHP. Est-ce même possible? J'ai vu d'autres posts ici comme celui-ci:

l'obtention de la valeur à partir de la fenêtre popup

mais c'est en aspx.

J'ai googlé un peu et trouvé ce lien:

http://www.bignosebird.com/js/popmap.shtml

Cependant, il fonctionne sur que les mecs du site, mais pas quand je fais un copier-coller, j'ai peut-être un noob c'est donc ce que j'ai:

parent.html

<html>
<head>
</head>
<body>
<form>
<INPUT TYPE="TEXT" NAME="maparea" SIZE=2 VALUE="">
<input type=button onClick='targetitem = document.forms[0].maparea; dataitem = window.open("map.shtml", "dataitem", "toolbar=no,menubar=no,scrollbars=yes"); dataitem.targetitem = targetitem' value="Show Map">
</form>
</body>
</html>

carte.shtml

<html>
<head>
<script>
function select_item(item)
{
targetitem.value=item;
top.close();
return false;
}
</script>
</head>

<body>

<CENTER>
<B>Our Map</B>
<BR>

<IMAGE SRC="map1.gif" ISMAP USEMAP="#MAP1">
<MAP NAME="MAP1">
<AREA SHAPE=RECT COORDS="11,10,116,133" HREF="" onClick='return select_item("1")'>
<AREA SHAPE=RECT COORDS="121,11,227,172" HREF="" onClick='return select_item("2")'>
<AREA SHAPE=RECT COORDS="11,140,115,226" HREF="" onClick='return select_item("3")'>
<AREA SHAPE=RECT COORDS="119,177,225,227" HREF="" onClick='return select_item("4")'>
<AREA SHAPE=default HREF="" >
</MAP>
</CENTER>
</body>
</html>

Toute aide serait grandement appréciée.

  • Oh, quel idiot j'ai été.
InformationsquelleAutor Craig Wayne | 2013-05-07
  1. 2

    Il fonctionne pour moi (à l'aide de Firefox 20.0). Mais le code est vraiment laid et vieux, bien que, probablement, vous devriez étudier les normes actuelles de MSDN Fenêtre pour comprendre comment il fonctionne dans firefox (objet de la Fenêtre peut changer son comportement dans d'autres navigateurs). Ah, et bien sûr la ECMAScript . Mais à introuduce l'une des solutions multiples, vous pouvez essayer ceci:

    parent.html 

    <input type="text" id="output"/>
<button id="show">Open</button>

<script>
    document.getElementById('show').addEventListener('click', function(){
        window['output'] = document.getElementById('output');
        window.open('map.html')
    });
</script>

    maps.html (j'ai changé l'extension!) 

    <input type="text" id="user_text"/>
<input id="send" type='button' value'send'/>

<script>
    document.getElementById('send').addEventListener('click', function(){
    window.opener['output'].value = document.getElementById('user_text').value;
})
</script>
    • Mes doigts sont croisés. Va faire un essai et laissez-u savoir. BTW, je suis en utilisant google chrome.
    • juste essayé... ça ne fonctionne pas... c'est peut-être un chrome faute... l'installation de firefox que nous parlons... la connexion est un peu lente, donc je vais poster un peu plus tard.
    • Je peux confirmer que cela fonctionne dans firefox. mais pas dans chrome! Merci Javier pour vous de temps et d'efforts.
    • AHA! 🙂 Enfin compris, merci bien de Javier et de ce site: velocityreviews.com/forums/... consultez la page 2 donc, apprently fenêtre.ouvre-porte ne fonctionne pas dans chrome si la page html est l'accès via file:/// je n'ai aucune idée pourquoi, mais à l'heure actuelle ne se soucient pas, quand j'ai accès au fichier via localhost... il fonctionne comme on le souhaite...
    InformationsquelleAutor jgpATs2w