Bonjour !!!!
Je réalise un projet qui combine php, base de donné et un carrousel jquery.
En fait, le carrousel fait défiler des images, et selon ce qui est choisi, sa source, son chemin est envoyer à la base de donnée. Mais voila, rien n'est inséré dans la bdd.
name="photo" c'est le nom d'un des champs de ma table. Il y'a aussi le champ (ou colonne) "histoire" et "personnage qui sont correctement rempli dans la bdd
Je pense ne pas être assez clair dans mes explications et je ne donne sans doute pas le morceau de code qui faut, mais je suis sur ce truc depuis un moment et mon cerveau et en train de fondre.
HELP !!!! Posez moi les questions qui vous aiderons à m'aider. Et si je ne suis pas au bonne endroit, excusez moi et merci.
Je réalise un projet qui combine php, base de donné et un carrousel jquery.
En fait, le carrousel fait défiler des images, et selon ce qui est choisi, sa source, son chemin est envoyer à la base de donnée. Mais voila, rien n'est inséré dans la bdd.
<form method="POST" name="form1" action="post_histoire.php" enctype="multipart/form-data">
<table border="1px" width="100%" height="100%" align="center">
<font size='5pt'><font color='red'>.... !</font></font>
<tr>
<td width='25%' height='200px' align='center'>
<ul class="carrousel">
<li><img src="images/tride1.png" width="200px" height="180px"/><input type="text" name="photo" value=" <?php echo "<img src='images/tride1.png'/>"; ?>" /></li>
<li><img src="images/tride2.png" width="200px" height="180px"/><input type="text" name="photo" value=" <?php echo "<img src='images/tride2.png'/>"; ?>"/></li>
<li><img src="images/tride3.png" width="200px" height="180px"/><input type="text" name="photo" value=" <?php echo "<img src='images/tride3.png'/>"; ?>" /></li>
<li><img src="images/tride4.png" width="200px" height="180px"/></li>
<li><img src="images/tride5.png" width="200px" height="180px"/></li> <!-- voir javascript "select" -->
</ul>
<script type="text/javascript">
$(document).ready(function() { // Calcul préalables : Element de référence pour la zone de visualisation (ici le premier item)
Reference = $(".carrousel li:first-child");
NbElement = $(".carrousel li").length; // Nombre d'éléments de la liste
$(".carrousel") // Ciblage de la bande de diapositives
.wrap('<div class="carrousel-conteneur"></div>') // Englobage de la liste par la zone de visualisation
.css("width", (Reference.width() * NbElement) ); // Application d'une largeur à la bande de diapositive afin de conserver une structrure horizontale
$(".carrousel-conteneur") // Ciblage de la zone de visualisation
.width( Reference.width() ) // Application de la largeur d'une seule diapositive
.height( Reference.height() ) // Application de la hauteur d'une seule diapositive
.css("overflow", "hidden"); // Blocage des débordements
});
$(document).ready(function() {
$(".carrousel-conteneur")
.width( Reference.width() ) // Application de la largeur d'une seule diapositive
.height( Reference.height() ) // Application de la hauteur d'une seule diapositive
.css("overflow", "hidden") // Blocage des débordements
// Insertion des boutons de navigation
.after(''
+ '<ul class="carrousel-pagination">'
+ ' <li class="carrousel-next"><button type="button"><input type="image" src="images/sui.jpg" width="50px"/></button></li>'
+ ' <li class="carrousel-prev"><button type="button"><input type="image" src="images/pré.jpg" width="50px"/></button></li>'
+ '</ul>'
+ '');
});
$(document).ready(function() {
Cpt = 0; // Actions de navigation Initialisation du compteur
// Clic sur le bouton "Suivant"
$(".carrousel-next button").click(function() {
// Si le compteur est inférieur au nombre de diaposives moins 1
if(Cpt < (NbElement-1) ) {
// Ajout +1 au compteur (nous allons sur la diapositive suivante)
Cpt++;
// Mouvement du carrousel en arrière-plan
$(".carrousel").animate({
marginLeft : - (Reference.width() * Cpt)
});
}
});
// Action du bouton "Précédent"
$(".carrousel-prev button").click(function() {
// Si le compteur est supérieur à zéro
if(Cpt > 0) {
// Soustraction -1 au compteur (nous allons sur la diapositive précédente)
Cpt--;
// Mouvement du carrousel en arrière-plan
$(".carrousel").animate({
marginLeft : - (Reference.width() * Cpt)
});
}
});
});
</script></br> <!-- "votre pseudo" passe à la ligne " -->
</br>Votre pseudo : </br><input type='text' name='personnage' size='25px'/>
</td>
<td width='70%' align='center'>
<textarea name="histoire" cols='90%' rows='10'>
Taper ....
</textarea></br></br>
<input type='submit' value='Valider' onClick="test();" onSubmit="test();" onLoad="test();" />
</td>
</tr>
</table>
</form>
name="photo" c'est le nom d'un des champs de ma table. Il y'a aussi le champ (ou colonne) "histoire" et "personnage qui sont correctement rempli dans la bdd
Je pense ne pas être assez clair dans mes explications et je ne donne sans doute pas le morceau de code qui faut, mais je suis sur ce truc depuis un moment et mon cerveau et en train de fondre.
HELP !!!! Posez moi les questions qui vous aiderons à m'aider. Et si je ne suis pas au bonne endroit, excusez moi et merci.