Discussion :

[adrien5555]

bonjour à tous,
je ne sais pas développer, mais j'ai quelques notions basiques, alors merci de votre indulgence pour mon premier message

ce que je voudrais faire est simple, mais assez cool :

j'ai trouvé ce code ici pour remplacer du texte HTML avec du javascript :

Code :

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

1
2
3
4
5
<h1 id="header">Georges</h1>
        <script>
          var element = document.getElementById("header");
          element.innerHTML = "Adrien";
        </script>

A la place du element.innerHTML = "Adrien", j'aimerais définir une variable "nom", que l'URL contienne la valeur, je ne sais pas si je suis clair...
...autrement dit, j'aimerais que le texte du H1 soit remplacé par une valeur contenue dans une variable "nom" présente dans l'URL, par exemple http://www.mondomaine.com/?nom=Adrien

Est ce que c'est possible avec Javascript, comment modifier le code svp ?

ca m'aiderait beaucoup !

Adrien

[SylvainPV]

Voilà une petite fonction pour récupérer un paramètre d'URL:

Code :

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

1
2
3
4
5
function getURLParameter(name) {    name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
    var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
        results = regex.exec(location.search);
    return results === null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
}

Pour l'utiliser ensuite, c'est très simple:

Code :

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

element.innerHTML = getURLParameter("nom");

[adrien5555]

mais...c'est génial !

merci infiniment Sylvain.


je n'aurais jamais cru trouver si vite la solution grâce à ce forum

bon week end !
Adrien

[NoSmoking]

Bonjour,
@SylvainPV : a mettre en complément dans la FAQ.

[adrien5555]

Bonjour à tous,

un petit complément suite à l'utilisation de cette fonction. Ca fonctionne très bien, mais avec un paragraphe entier dans la variable (attention juste aux caractères spéciaux, certains ne passent pas le caractère '%').

Le scénario pour lequel j'utilise la fonction est celui-là :

- je fournis un lien vers une page A à un utilisateur. Le lien contient des variables, et la page insèrera ces variables dans le contenu, grâce à la super fonction de SylvainPV.

Maintenant, si l'utilisateur navigue et clique sur une page B, les variables ne sont malheureusement pas "emmenées avec" et donc, plus moyen d'avoir un contenu personnalisé...

Sauriez-vous s'il y a un moyen de faire cela ?

J'ai très peu de liens internes car le site ne fait que 4 pages, peut-etre en insérant les variables dans l'attibut href des liens ??

Merci encore, c'est déjà super comme cela.
Adrien

[sekaijin]

Une version plus évoluée
utilisée par ExtJS elle reste aisément compréhensible pour s'en inspirer.

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
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
function getFromQueryString (queryString, recursive) {
        var parts = queryString.replace(/^\?/, '').split('&'),
            object = {},
            temp, components, name, value, i, ln,
            part, j, subLn, matchedKeys, matchedName,
            keys, key, nextKey;
 
        for (i = 0, ln = parts.length; i < ln; i++) {
            part = parts[i];
 
            if (part.length > 0) {
                components = part.split('=');
                name = decodeURIComponent(components[0]);
                value = (components[1] !== undefined) ? decodeURIComponent(components[1]) : '';
 
                if (!recursive) {
                    if (object.hasOwnProperty(name)) {
                        if (!Ext.isArray(object[name])) {
                            object[name] = [object[name]];
                        }
 
                        object[name].push(value);
                    }
                    else {
                        object[name] = value;
                    }
                }
                else {
                    matchedKeys = name.match(/(\[):?([^\]]*)\]/g);
                    matchedName = name.match(/^([^\[]+)/);
 
                    //<debug error>
                    if (!matchedName) {
                        throw new Error('[getFromQueryString] Malformed query string given, failed parsing name from "' + part + '"');
                    }
                    //</debug>
 
                    name = matchedName[0];
                    keys = [];
 
                    if (matchedKeys === null) {
                        object[name] = value;
                        continue;
                    }
 
                    for (j = 0, subLn = matchedKeys.length; j < subLn; j++) {
                        key = matchedKeys[j];
                        key = (key.length === 2) ? '' : key.substring(1, key.length - 1);
                        keys.push(key);
                    }
 
                    keys.unshift(name);
 
                    temp = object;
 
                    for (j = 0, subLn = keys.length; j < subLn; j++) {
                        key = keys[j];
 
                        if (j === subLn - 1) {
                            if (Ext.isArray(temp) && key === '') {
                                temp.push(value);
                            }
                            else {
                                temp[key] = value;
                            }
                        }
                        else {
                            if (temp[key] === undefined || typeof temp[key] === 'string') {
                                nextKey = keys[j+1];
 
                                temp[key] = (Ext.isNumeric(nextKey) || nextKey === '') ? [] : {};
                            }
 
                            temp = temp[key];
                        }
                    }
                }
            }
        }
 
        return object;
    }

A+JYT