Comment revenir à une autre page ?

Version imprimable

11/01/2009, 16h11
jlb59

Comment revenir à une autre page ?

Bonjour à tous,

J'ai récupéré un JS pour une application sur mon site, et apparamment c'est OK.

Dans le script il y a un évènement comme ça :

Code:

<input type=button name='but2' value=' Recommencer ? ' onclick='document.location.reload();'>

Cela, si j'ai compris, ré-actualise la page en cours pour la refaire fonctionner ?...
Toujours est-il que cela fonctionne bien.

Dans cette optique, je voudrais créer un autre bouton mais qui dirige cette fois, vers une autre page du site.
Je connais la syntaxe avec <a href="...>, mais ce que je voudrais savoir, s'il ne faut pas mettre autre chose dans un JS (pas trop compliqué non plus !) ?

Merci d'avance.
11/01/2009, 18h27
Kyn

Salut !

Pourquoi ne pas faire appel à une fonction dans l'attribut onclick qui modifie document.location ou window.location ?

En espérant t'avoir donné des pistes ^^
11/01/2009, 18h35
jlb59

Merci Kyn,
Je voudrais bien, mais je ne suis pas JS.

Avec ce que j'ai trouvé (ce que tu as dit), ça marche pas ????:evilred:
11/01/2009, 18h40
Bovino

Code:

document.location.href = 'une_url';

ou

Code:

location.assign = 'une_url';

(crée une entrée dans l'historique)
ou

Code:

location.replace = 'une_url';

(remplace la page dans l'historique, la précédente n'est plus accessible)
11/01/2009, 18h45
Kyn
Si dans le bouton, tu modifies l'attribut onclick comme cela:

Code:

onclick="javascript:redirectme('lien');"

où lien est une chaîne de caractère qui correspond à ton lien puis que tu crées une fonction javascript dans ta page:
Code:

1 2 3 4 5 <script type="text/javascript"> function redirectme(link){ document.location.href=link; } </script>
Cela devrait fonctionner, qu'en penses-tu ? Libre à toi de remplacer le document.location par autre chose comme proposé par le guru avant moi ^^
11/01/2009, 18h52
Bovino

Code:

onclick='javascript:redirectme("lien");'

:roll:
onclick est un événement JavaScript, il s'attend donc à du code JavaScript, le préciser est inutile... contrairement à l'attribut href d'une balise <a> ou action d'une balise <form> qui attendent une url, et pour lesquels, si l'on veut y mettre du javascript, il faut passer par une pseudo-url, donc javascript:...
11/01/2009, 18h53
jlb59

Salut Bovino,

Quand tu parles "une_url", c'est quoi exactement ?
Lien complet

Citation:

<a href="index.php?page=....." title="">mapage.html</a>

ou

Citation:

mapage.html
11/01/2009, 18h54
Kyn

Noté ^^

On en apprend tous les jours... Ceci sera mieux donc:

Code:

onclick="redirectme('lien')";
11/01/2009, 18h57
jlb59
Citation:
Envoyé par Kyn

Code:

onclick="javascript:redirectme('lien');"

où lien est une chaîne de caractère qui correspond à ton lien puis que tu crées une fonction javascript dans ta page:

Code:

1 2 3 4 5 <script type="text/javascript"> function redirectme(link){ document.location.href=link; } </script>

Cela devrait fonctionner, qu'en penses-tu ? Libre à toi de remplacer le document.location par autre chose comme proposé par le guru avant moi ^^
Là ça se complique un peu.

La function, je peux la mettre où ?
De plus, le "link" en question, c'est quoi exactement ?
11/01/2009, 18h59
Kyn

Dans le JS que tu as récupéré. ;-)

link est une variable qui prendra la valeur que tu mettras dans le onclick.
Dans le onclick, 'lien' est à remplacer par quelque chose comme 'http://www.google.fr'

PS: Prends également en compte la remarque de Bovino (supprimer javascript: )
11/01/2009, 19h01
jlb59

Citation:

Envoyé par Kyn

Noté ^^

On en apprend tous les jours... Ceci sera mieux donc:

tu vois que ça sert un Guru !
11/01/2009, 19h02
jlb59

Citation:

Envoyé par Kyn

Dans le JS que tu as récupéré. ;-)

PS: Prends également en compte la ramarque de Bovino (supprimer javascript:)

Je te suis plus là ! Explique STP ?

@jlb59 :

Code:

<a href="index.php?page=....." title="">mapage.html</a>

n'est pas une url mais une balise HTML contenant un lien 'href) contenant une url (index.php?page=.....)

Code:

mapage.html

est une url appelée relative, c'est-à-dire qu'elle prend comme chemin de référence le répertoire actuel (celui du fichier affiché)

Code:

http://www.un-site.com/mapage.html

est une url appelée absolue.
Dans ce que je t'ai indiqué il s'agit bien d'url (relative ou absolue).
En revanche, je me suis un peu raté dans la syntaxe :
Code:

1 2 3 location.href = www.monsite.mapage.php?param=valeur'; // le chemin vers ta nouvelle page location.assign('mapage.html'); // ici une url relative location.replace('autrepage.php?param=valeur') // url relative avec passage de paramètres
@Kyn : Exact ! ;)

Tu peux la placer sous l'élément <body>:

Code:

1
2
3
4
5
6
7
8
<body>
<script type="text/javascript">		
	function redirectme(link){
		document.location.href=link;
	}
</script>
 
(...)

11/01/2009, 19h14
jlb59

Citation:

Envoyé par Bovino

onclick est un événement JavaScript, il s'attend donc à du code JavaScript, le préciser est inutile... contrairement à l'attribut href d'une balise <a> ou action d'une balise <form> qui attendent une url, et pour lesquels, si l'on veut y mettre du javascript, il faut passer par une pseudo-url, donc javascript:...

C'est OK Bovino, ça marche impec.

Merci de ton aide et de celle de Kyn.

Ce que tu m'as donné, je l'ai mis en application

Citation:

(...)onclick=\"redirectme('index.php?page=72&id=Tests&fd=Tests_QI')\">

Bonne soirée.
11/01/2009, 19h20
Kyn

Un ';' et c'est top ;-)

Code:

onclick="redirectme('index.php?page=72&id=Tests&fd=Tests_QI');">

Et pas besoin des '\' a priori ^^

Affichage de texte avec un JS

Bonjour à tous,

Dans une page, je voudrais afficher un tableau avec du texte, mais en JS.

Voici ce que je voudrais ce qui soit affiché :
Code:

1 2 3 4 5 6 <div style='font-style:italic;font:bold 16px verdana,arial,garamond;color:#00008B;'>Références de l'évaluation du QI.</div><br> <div style='font: normal italic 10px verdana,arial,garamond;color:#0000FF;'>Entre 55 et 85 = réflexion faible.<br> "Entre 85 et 100 = réflexion moyenne.<br> "Entre 100 et 125 = bonne réflexion.<br> "Au-delà de 125= Très bonne réflexion. </div><p><hr><p>
Je pense que cela peut se faire en JS.

Je sais que je peux le faire en Html ou Php, mais comme cette page est en JS, je ne voudrais pas dépareiller ! :lol:

Aidez-moi SVP ?

Merci d'avance.

Comment mettre du texte dans un JS et l'appeler sur n'importe quelle page .

Bonjour à tous,

Dans une page, je voudrais afficher un tableau avec du texte, mais en JS.

Voici ce que je voudrais ce qui soit affiché :
Code:

1 2 3 4 5 6 <div style='font: normal italic 10px verdana,arial,garamond;color:#00008B;'>Références de l'évaluation du QI.</div><br> <div style='font: normal italic 10px verdana,arial,garamond;color:#0000FF;'>Entre 55 et 85 = réflexion faible.<br> "Entre 85 et 100 = réflexion moyenne.<br> "Entre 100 et 125 = bonne réflexion.<br> "Au-delà de 125= Très bonne réflexion. </div><p><hr><p>
Je pense que cela peut se faire en JS.

Je sais que je peux le faire en Html ou Php, mais comme cette page est en JS, je ne voudrais pas dépareiller ! :lol:

Merci d'avance de votre aide.

Merci d'avance.