Discussion :

[superLKN]

Bonjour,

J'ai une classe Slider.js qui est comme son nom l'indique un slider, les images y sont afficher comme ceci :

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
 
 
afficherSlide() {
        this.slide[0] = {
            'images': 'assets/img/5.jpg', 
        }
        this.slide[1] = {
            'images': 'assets/img/7.jpg',
        }
        this.slide[2] = {
            'images': 'assets/img/1.jpg',
        }
        this.slide[3] = {
            'images': 'assets/img/4.jpg',
        }
    }

J'aimerais mettre le path de mes images dans ma bdd et donc afficher le champ de ma bdd avec PHP afin de pouvoir modifier mes images dans le dashboard de mon site.
Auriez vous une solution pour moi ? Car je suis un peu perdu ! ^^

Merci d'avance !

[mathieu]

où utilisez vous ce code actuellement ?

[superLKN]

Ce code est dans une classe javascript, et le tout est dans un systeme MVC

[superLKN]

J'ai pour l'instant fait quelque chose comme ça :

mon model :

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
 
 
public function getSliderImage1()
    {
        $db = $this->dbConnect();
        $req = $db->prepare('SELECT id, chemin FROM slider WHERE id = 1');
        $req->execute();
 
        return $req;
    }
 
    public function getSliderImage2()
    {
        $db = $this->dbConnect();
        $req = $db->prepare('SELECT id, chemin FROM slider WHERE id = 2');
        $req->execute();
 
        return $req;
    }
 
    public function getSliderImage3()
    {
        $db = $this->dbConnect();
        $req = $db->prepare('SELECT id, chemin FROM slider WHERE id = 3');
        $req->execute();
 
        return $req;
    }
 
    public function getSliderImage4()
    {
        $db = $this->dbConnect();
        $req = $db->prepare('SELECT id, chemin FROM slider WHERE id = 4');
        $req->execute();
 
        return $req;
    }

mon controller :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
public function showHome()
    {
        $textManager = new P5OC\site\Model\TextManager();
        $slide1 = $textManager->getSliderImage1();
        $slide2 = $textManager->getSliderImage2();
        $slide3 = $textManager->getSliderImage3();
        $slide4 = $textManager->getSliderImage4();
 
        require(VIEW.'home.php');
    }

et dans mon fichier js :

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
 
 
    afficherSlide() {
        this.slide[0] = {
            'images': "<?= $slide1['chemin'] ?>", 
        }
        this.slide[1] = {
            'images': "<?= $slide2['chemin'] ?>",
        }
        this.slide[2] = {
            'images': "<?= $slide3['chemin'] ?>",
        }
        this.slide[3] = {
            'images': "<?= $slide4['chemin'] ?>",
        }
    }

Et donc ça ne marche pas, c'est logique mais je suis perdu ^^

[Celira]

Bon déjà, ne fais pas 5 fonctions pour les 5 images. Imagine un peu que tu en es 275 à afficher Ensuite, quand tu exécutes une requête, il faut récupérer ce qui t'intéresse dedans et uniquement ce qui t'intéresse (en l’occurrence le chemin)

Par exemple, pour récupérer le chemin à partir d'un id :

Code :

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

1
2
3
4
5
6
7
8
9
public function getSliderImage($id)
{
    $db = $this->dbConnect();
    $req = $db->prepare('SELECT chemin FROM slider WHERE id = :id');
    $req->execute([':id' => $id]);
    $res = $req->fetchColumn();
 
    return $res;
}

à utiliser par :

Code :

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

$slide1 = $textManager->getSliderImage(1);

et

Code :

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

1
2
3
this.slide[0] = {
            'images': "<?= $slide1 ?>", 
        }

[superLKN]

Merci pour votre réponse, ça m'a aider à y voir plus clair !

Par contre mes images ne s'affichent toujours pas sur ma page et les erreurs qui me sont retournés dans ma console sont comme ça :

http://localhost/P5OC/site/%3C?=%20$slide2%20?%3E

au lieu d'être le path de ma bdd...

[Invité]

Bonjour,

le plus simple (et pratique) :

Code php :

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

1
2
3
4
5
6
7
8
9
10
11
<?php
// On récupère TOUTES les images
public function getAllSliderImages()
    {
        $db = $this->dbConnect();
        $req = $db->prepare("SELECT chemin FROM slider");
        $req->execute();
		$rowAll = $req->fetchAll(PDO::FETCH_OBJ);
 
        return $rowAll;
    }

Dans le script JS :

Code php :

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

1
2
3
4
5
6
7
8
9
10
11
12
<script>
afficherSlide() {
<?php
	$images = getAllSliderImages();
	$ii = 0;
 	foreach($images as $image )
	{
		echo "	this.slide[".$ii."] = { 'images': '".$image->chemin."', }"."\n";
		$ii++;
	}
?>
}

[superLKN]

J'ai finalement changer mon slider afin que mes images ne soit plus déclarer dans le script JS mais dans l'html et du coup plus de problème de variable php vers mon fichier JS et tout fonctionne comme je le voulais.
Merci tout de même pour votre réponse et de vous êtes penché sur mon problème !