Effacer une Id

Version imprimable

Effacer une Id

Bonjour,

J'ai sur une page "carte.html" un code pour afficher le nom d'une id avec <output id="region"></output>
mon code:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
  <script>
    'use strict';       
    document.addEventListener( "DOMContentLoaded", ev => {           
    }, false );  
    window.addEventListener( "load", ev => {                      
      // code du test                  
                        const
                                elemRegion = document.querySelector( "#region" ),
                                arrElems = Array.from( document.querySelectorAll( "div.pays" ) );
 
                        for ( const elem of arrElems ){
                                elem.addEventListener( "click", ev => {
                                        elemRegion.value = ev.target.textContent;
                                });
                        }
 
    }, false );
  </script>

Sur une deuxième page "france_region.html" j'ai un code pour revenir à la page précédente:

Code:

1
2
3
4
5
6
7
8
               <div id="retour">
                       <button onclick="goBack()">Page précédente</button>
                </div>
                        <script>
                                function goBack() {
                                    window.history.back();
                                }
                        </script>

J'aimerai que lorsque je clique sur Page précédente sa efface la id="region"

Je vous remercie de votre aide

Cordialement

Max

11/08/2017, 07h59
Doksuri

avec document.referrer tu peux savoir d'ou provient l'utilisateur.
dans ta page carte.html, tu rajoute un test JS : s'il provient de france_region.html, tu supprimes ton element
11/08/2017, 08h21
apdf1
bonjour Doksuri

Je te remercie j'ai essayé de mettre le code comme tu ma expliquer mais je n'arrive pas!
Code:

1 2 3 4 5 6 <script> function myFunction() { var x = document.referrer; document.getElementById("carte.html").innerHTML = x; } </script>
et dans la page concerner j'ai mis ceci

Code:

document.getElementById('region').innerHTML = '';

Je te remercie

Max

dans carte.html

Code:

1
2
3
4
if(document.referrer == "www.tonsite.com/france_region.html") {
var elem = document.getElementById('region');
elem.parentNode.removeChild(elem);
}

plus ou moins ca, a toi de l'adapter

Re,

dans ma page carte j'ai mis ceci: ATTENTION j'avais oublier de dire que ma carte était à l’intérieur d'une iframe "frame1"

Code:

1
2
3
4
5
6
7
8
9
          <script>
                                function goBack() {
                                    window.history.back();
                                }
                           if(document.referrer == "index_cartes_du_monde.html") {
var elem = document.getElementById('region');
elem.parentNode.removeChild(elem);
}
                        </script>

mais la page reviens bien en arrière mais sa efface pas mon id region

Max

:salut:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 <script> 'use strict'; document.addEventListener( "DOMContentLoaded", ev => { document.querySelector( "#region" ).value = ""; }, false ); window.addEventListener( "load", ev => { const elemRegion = document.querySelector( "#region" ), arrElems = Array.from( document.querySelectorAll( "div.pays" ) ); for ( const elem of arrElems ){ elem.addEventListener( "click", ev => { elemRegion.value = ev.target.textContent; }); } }, false ); </script>
J'ai testé la solution window.history.back(); sur la seconde page et console.log( document.referrer ); sur la première.

Sur Chrome61b rien ne se passe, même avec le bouton "back" du navigateur "referrer" n'affiche rien ! :weird: :aie:

EDIT 12:10

Si j'abandonne window.history.back(); au profit de setTimeout( function(){ window.location.href = "testxx.html"; }, 2000 ); alors "referrer" affiche bien http://localhost:9080/dvjh/DVP/dvp1/testXX.html !

11/08/2017, 17h14
apdf1

Bonjour Daniel

Je te remercie mais je n'arrive pas à le faire fonctionner, j'ai essayer avec chrome, Firefox sa reviens bien en arrière mais sa n'efface pas

Code:

<output id="region"></output>

sur ma première page ou alors je n'est pas compris!!!!!

Bonne soirée

max