Passage des paramètres en utilisant une <div>

Version imprimable

Salut
J'ai une un script, dont je souhaite l'appeller plusieurs fois en changeant les paramètres pour qui'il affiche des résultats différents

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
$(function () {
 
    $('#container').highcharts({
        chart: {
            type: 'pyramid',
            marginRight: 100
        },
        title: {
            text: 'Sales pyramid',
            x: -50
        },
        plotOptions: {
            series: {
                dataLabels: {
                    enabled: true,
                    format: '<b>{point.name}</b> ({point.y:,.0f})',
                    color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black',
                    softConnector: true
                }
            }
        },
        legend: {
            enabled: false
        },
        series: [{
            name: 'Unique users',
            data: [
                ['Website visits',   15654],
                ['Downloads',       4064],
                ['Requested price list', 1987],
                ['Invoice sent',    976],
                ['Finalized',    846]
            ]
        }]
    });
});

Ce script ne contietn pas de paramêtres,
donc ma question c'est comment je puisse lui ajouter des param pour l'appeller plusiers fois avec des valeurs différentes
Je veux appelr ce code dans une JSP

18/05/2015, 00h50
SylvainPV

S'il ne contient pas de paramètres, ajoute-les ! Ça sert à ça les variables. Sinon je ne vois pas trop le rapport avec les <div> et JSP...
18/05/2015, 01h19
zakips

C'est mon ami qui a posé la question,

le problème c'est que je connais pas bien java script, je suis un débutant, et je connais pas ou mettre exactement les paramètre et comment les ajouter.

et pour le div c'est pour appeler le script il le positionner facilement(le script génère un graphe), et dans ce cal la comment appeler le script;

je pense que j'ai reformuler la question.
18/05/2015, 15h54
SylvainPV
Où mettre les paramètres, ben là où tu en as besoin... Je ne vois pas trop quoi te dire de plus, soit j'ai mal compris la question, soit tu n'as pas compris une des bases de tout langage de programmation qui est la gestion de variables.

Mettons que tu veuilles paramétrer le sélecteur où le graphe est créé, on déclare simplement une fonction avec le paramètre en argument:
Code:

1 2 3 4 5 6 function makeChart(selector){ $(selector).highcharts({ ... }); } makeChart("#container"); makeChart("#autre_container");

merci pour la réponse,

Donc mois j'ai ce script

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
 
$(function () {
// est-ce-que j'ajoute les paramètres ici?, comment  je fais l’appelle, la fonction est sons nom
 
            $('#containe').highcharts({              
                chart: {
                    type: 'pyramid',
                    marginRight: 100
                },
                title: {
                    text: 'Sales pyramid',
                    x: -50
                },
                plotOptions: {
                    series: {
                        dataLabels: {
                            enabled: true,
                            format: '<b>{point.name}</b> ({point.y:,.0f})',
                            color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black',
                            softConnector: true
                        }
                    }
                },
                legend: {
                    enabled: false
                },
                series: [{
                    name: 'Unique users',
                    data: [
                    ['Website visits',   15654],
                ['Downloads',       4064],
                ['Requested price list', 1987],
                ['Invoice sent',    976],
                ['Finalized',    846]
                    ]
                }]
            });
        });

Le script affiche après l’exécution un graphe, donc j'utilise pour l'executer la balise div avec id='containe', pour que je puisse le positionner facilement

Code:

1
2
3
4
<div id="containe" style="min-width: 310px; max-width: 400px; height: 300px; margin: 0 auto; margin-left: 100px;">
 
comment je fais l'appelle a la fonction qui porte pas le nom avec des paramètres ici;
</div>

pour le paramètre c'est juste un seul paramètre (une chaîne de caractère) qui contient les donnés a afficher dans le graphe

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
.
.
.
 
legend: {
                    enabled: false
                },
                series: [{
                    name: 'Unique users',
                    data: [
 
                MON PARAMÈTRE
                    ]
                }]
.
.
.

Merci

18/05/2015, 19h55
SylvainPV

"La fonction qui ne porte pas de nom" --> il n'y a pas de fonction dans ton code, juste une closure spécifique à jQuery. Je ne vais pas essayer de t'expliquer à quoi elle sert, vu que de toute évidence tu dois avant tout apprendre les bases, c'est-à-dire comment écrire une fonction et comment lui passer des arguments. Et aussi, faire la différence entre HTML et JS.