Discussion :

[Azuken]

Bonjour,

Je suis confronté à un problème depuis 2 jours, et après des tas de recherches pour trouver une fonction pour rediriger vers une autre page (plus exactement la même mais avec des paramètres dans l'URL différent), je n'ai toujours pas de solution...

J'ai essayé window.location, window.location.href, location.href, window.assign, window.open, window.reload... Et bien d'autres encore !

Aucune ne marche, il y a aucune réaction de la part du navigateur... Alors que sur Firefox, IE (IE !! Et pas Chrome ??!! ), et Opera, tout va bien. (J'ajouterais que sur Safari cela ne fonctionne pas également, mais ce n'est pas ma priorité)

Je fait cette fonction sur les options d'un select HTML.

Avez vous une solution fonctionnelle ?

Merci d'avance,

Azuken

[NoSmoking]

Bonjour,

Code :

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

<button onclick="document.location.href += '&param=param'"></button>

[Willpower]

99% chance qu'il y ait un message d'erreur dans ta console t'expliquant (ou te donnant une piste sur) l'erreur dans chrome.


CTRL+SHIFT+J

[Azuken]

Pour l'ajout de paramètres, c'est pas possible vu qu'il y a déjà des paramètres existants dans l'url, qu'il faudrait d'abord enlever...

Pour la console d'erreur, je n'ai rien qui s'affiche... La console est vide

[SpaceFrog]

self.location.href ?

[Azuken]

Toujours pas de réaction... Même pas une apparition du lien en bas de la fenêtre... Et aucune erreur dans la console.

[Willpower]

Pour l'ajout de paramètres, c'est pas possible vu qu'il y a déjà des paramètres existants dans l'url, qu'il faudrait d'abord enlever...

Code :

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

location.href = 'http://' + location.hostname + location.pathname + params;

[Bovino]

Il n'y a pas un moment où tu te dis que ça pourrait être utile de nous montrer ton code, histoire qu'on ne cherche pas dans le vide ???

[Azuken]

Code :

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

1
2
3
4
5
6
7
8
9
10
<form action="" method="">
    Trier par : 
    <select id="sort" name="sort">
        <option selected="true">Choisir...</option>
        <option value="description" onclick="javascript:self.location.href='<?php echo 'index.php?option=com_catalogue&view=itemSort&f=' . $_GET['f'] . '&sf=' . $_GET['sf'] . '&s=' . $_GET['s'] . '&sort=descriptionASC&page=1' ?>'" >D&eacute;signation A-Z</option>
        <option value="description" onclick="javascript:self.location.href='<?php echo 'index.php?option=com_catalogue&view=itemSort&f=' . $_GET['f'] . '&sf=' . $_GET['sf'] . '&s=' . $_GET['s'] . '&sort=descriptionDESC&page=1' ?>'" >D&eacute;signation Z-A</option>
        <option value="id" onclick="javascript:self.location.href='<?php echo 'index.php?option=com_catalogue&view=itemSort&f=' . $_GET['f'] . '&sf=' . $_GET['sf'] . '&s=' . $_GET['s'] . '&sort=idASC&page=1' ?>'" >R&eacute;f&eacute;rence -/+</option>
        <option value="id" onclick="javascript:self.location.href='<?php echo 'index.php?option=com_catalogue&view=itemSort&f=' . $_GET['f'] . '&sf=' . $_GET['sf'] . '&s=' . $_GET['s'] . '&sort=idDESC&page=1' ?>'" >R&eacute;f&eacute;rence +/-</option>
    </select>
</form>

Je précise que je développe un composant Joomla.

[Bovino]

Ben voilà !

L'événement onclick n'est pas supporté par tous les navigateurs pour les balises <option>.
Il faut passer par l'événement onchange de la balise <select>...

[SpaceFrog]

sans doute parce que les options n'acceptent pas le onclick ...
passe par le onchange du select

[Azuken]

J'y ai pensé... Seulement pour valider, et envoyer une valeur pour savoir quel lien renvoyer, il me faut un bouton pour envoyer le formulaire, je ne peux donc pas changer de page au clic d'un <option> du select...

[Bovino]

Euh... j'ai absolument rien compris !

[SpaceFrog]

bis:

onchange sur le select

[Azuken]

Si c'est bon, j'ai créé une fonction JS pour le onChange du <select>.
Et ça marche bien, merci pour votre aide !

Je laisse un petit aperçu du code modifié :

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
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<script type="text/javascript">
 
function sortItem(value) {
 
    switch(value) {
 
        case 'descriptionASC':
 
            location.href='<?php echo 'index.php?option=com_catalogue&view=itemSort&f=' . 
                                       $_GET['f'] . '&sf=' . $_GET['sf'] . '&s=' . $_GET['s'] . '&sort=descriptionASC&page=1' ?>'
            break;
 
        case 'descriptionDESC':
 
            location.href='<?php echo 'index.php?option=com_catalogue&view=itemSort&f=' . 
                                       $_GET['f'] . '&sf=' . $_GET['sf'] . '&s=' . $_GET['s'] . '&sort=descriptionDESC&page=1' ?>'
            break;
 
        case 'idASC':
 
            location.href='<?php echo 'index.php?option=com_catalogue&view=itemSort&f=' . 
                                       $_GET['f'] . '&sf=' . $_GET['sf'] . '&s=' . $_GET['s'] . '&sort=idASC&page=1' ?>'
            break;
 
        case 'idDESC':
 
            location.href='<?php echo 'index.php?option=com_catalogue&view=itemSort&f=' . 
                                       $_GET['f'] . '&sf=' . $_GET['sf'] . '&s=' . $_GET['s'] . '&sort=idDESC&page=1' ?>'
            break;
 
    }
 
}
 
</script>
 
Trier par : 
    <select id="sort" name="sort" onChange="sortItem(document.getElementById('sort').value)">
        <option selected="true">Choisir...</option>
        <option value="descriptionASC">D&eacute;signation A-Z</option>
        <option value="descriptionDESC">D&eacute;signation Z-A</option>
        <option value="idASC">R&eacute;f&eacute;rence -/+</option>
        <option value="idDESC">R&eacute;f&eacute;rence +/-</option>
    </select>