Discussion :

[apdf1]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[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

[apdf1]

bonjour Doksuri

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Je te remercie

Max

[Doksuri]

dans carte.html

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[apdf1]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[danielhagnoul]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 !

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 !

[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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

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

Bonne soirée

max