Récuperer une variable et l'utiliser à partir de la console Chrome

**hocineaminoo** · 24/01/2019, 01h26

Bonjour a tous ,

j 'essaye de recuperer une varibale apartir d'une page web .

est utiliser la variable a partir du console chrome pour remplir un champ .

j'ai trouver juste

Code :

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

document.getElementsByName

pour pouvoir remplir les champs , mais pas moyen de recuperer cette variable

voila un exemple comment est ou elle se trouve cette variable

Code HTML :

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

1
2
3
4
5
6
7
8
9
10
<html>
<title>ma page</title>
<body>
c'est un paragraphe de test .</p>
c'est un paragraphe de test .</p>
<script>
Var Mavariable = ["01-02-2019","04-02-2019","05-02-2019"];
</script>
</body>
</html>

Merci a tous

**SpaceFrog** · 24/01/2019, 08h22

Ils sont où les champs ?
Il n'y a pas de name, donc getElementsByName ne rique pas de donner grand chose

Tes balises p ne sont pas correctes ...

Var sans majuscule ...

**hocineaminoo** · 24/01/2019, 08h53

c'est juste un exemple pour vous donnée une iddée ou ils se trouve le script dans la page html.

merci a vous.

**SpaceFrog** · 24/01/2019, 09h20

Il faut déjà comprendre que la console n'est pas un "endroit de stockage" mais juste un écran de visualisation pour "voir ce qui se passe" dans ton code javascript ...

Il faut ensuite comprendre que tu as d'un coté les éléments du DOM dans ta page définis par ton code HTML
ex:
identifiés par un id

Code :

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

<input id="foo" type="text" value="" />

ou
nommé avec un name

Code :

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

<input name="bar" type="text" value="" />

des variables javascript:

Code :

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

var Mavariable = ["01-02-2019","04-02-2019","05-02-2019"];

pour "mettre la main" sur un element du DOM avec javascript il y a plusiers méthodes:

Code :

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

1
2
3
4
5
 
document.getElementById
document.getElementsByName
document.querySelector("[selecteur]")
document.querySelectorAll("[selecteur]")

Selon que l'element visé à un id, un name, une class, ou rien ...

ce qui nous donnerais avec les exemples HTML ci dessus:

Code :

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

1
2
document.getElementById('foo').value = MaVariable[0];
document.getElementsByName('bar')[0] = MaVariable[0]; // index 0 car il s'agit d'une collection d'objets  getElementsByName(

pour ce qui est des querySelector il y a des tutos ...

**hocineaminoo** · 24/01/2019, 15h35

Merci a vous je vais essayer avec votre réponse ,

**hocineaminoo** · 27/01/2019, 19h54

Merci , mais je n'ai pas pu mettre la main sur ma variable parceque elle est libre elle na ni ID ni un Nom

Code :

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

document.querySelectorAll("available_dates");

j'ai utilisé cette commande je reçoit une NodeList Vide .

Merci a vous

**SpaceFrog** · 28/01/2019, 08h16

Quelque chose t'empeche de mettre un id un name ou une class sur ton objet cible ?

tu as une balise available_dates ?

Code :

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

document.querySelectorAll("available_dates");

car c'est ce que suggère ta syntaxe ...

Sans voir ton code html il est difficile d'en dire plus ...

**hocineaminoo** · 28/01/2019, 15h11

Merci , j ai trouvé une autre solutions pour récuperer ma variable en PHP

c'est plus pratique Merci les gars

**NoSmoking** · 28/01/2019, 16h15

Bonjour,
il me semble que tu pourrais nous en dire plus sur ta solution ne serait ce qu'en remerciement du temps passé par certains et de plus cela pourrait en aider d'autres.

Merci d'avance.

**hocineaminoo** · 28/01/2019, 16h31

j'ai téléchargé la page en CURL PHP

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
 
curl_init($ch);
 
/*
CURL instruction ;
*/
 
$result = curl_exec($ch);
 
// Chercher les dates available avec  DOM 
 
$app = new DOMDocument();  
libxml_use_internal_errors(true);
$app->loadHTML($result);
$xpath = new DOMXPath($app);
 
preg_match('#var available_dates = (.*)\;#Us', $result, $out); 
 
$available_dates = json_decode($out[1]);  // convertir en Tableau 
 
print_r($out[1]);