Fonction de redirection ne fonctionne pas sous Chrome

Version imprimable

21/02/2012, 09h24
Azuken

Fonction de redirection ne fonctionne pas sous Chrome

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 ??!! 8O), 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
21/02/2012, 20h13
NoSmoking

Bonjour,

Code:

<button onclick="document.location.href += '&param=param'"></button>
22/02/2012, 02h39
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

;)
22/02/2012, 08h36
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 :?
22/02/2012, 08h49
SpaceFrog

self.location.href ?
22/02/2012, 10h06
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.
22/02/2012, 10h07
Willpower

Citation:

Envoyé par 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...

Code:

location.href = 'http://' + location.hostname + location.pathname + params;
22/02/2012, 10h18
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 ???

Code:

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.

22/02/2012, 10h39
Bovino

Ben voilà ! :aie:

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>...
22/02/2012, 10h39
SpaceFrog

sans doute parce que les options n'acceptent pas le onclick ...
passe par le onchange du select
22/02/2012, 10h49
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...
22/02/2012, 10h55
Bovino

Euh... j'ai absolument rien compris ! :aie:
22/02/2012, 10h59
SpaceFrog

bis:

Citation:

onchange sur le select

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:

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>