Déplacement de blocs selon qu'ils sont affichés ou masqués
Résolu/Fermé
crizane
Messages postés
15
Date d'inscription
mercredi 1 juin 2016
Statut
Membre
Dernière intervention
24 juin 2016
-
7 juin 2016 à 03:09
crizane Messages postés 15 Date d'inscription mercredi 1 juin 2016 Statut Membre Dernière intervention 24 juin 2016 - 7 juin 2016 à 04:42
crizane Messages postés 15 Date d'inscription mercredi 1 juin 2016 Statut Membre Dernière intervention 24 juin 2016 - 7 juin 2016 à 04:42
A voir également:
- Déplacement de blocs selon qu'ils sont affichés ou masqués
- Appels masqués - Guide
- Historique déplacement google - Guide
- Le clavier de mon telephone ne s'affiche plus - Guide
- Code blocs - Télécharger - Langages
- Afficher mot de passe wifi android - Guide
1 réponse
crizane
Messages postés
15
Date d'inscription
mercredi 1 juin 2016
Statut
Membre
Dernière intervention
24 juin 2016
7 juin 2016 à 03:14
7 juin 2016 à 03:14
la partie de mon code est la suivante:
php: (même div pour chaque annéee):
javascript: (même fonction répétée 5 fois)
php: (même div pour chaque annéee):
<!-- All periods: affiche toutes les périodes à cocher --> <div id ="quotidien" class="quotidien" style="display:none"> <?php //connection à la bdd pour récuperer toutes les périodes $bdd = new PDO("mysql:host=localhost;dbname=test_1;charset=utf8","root",""); $requete = $bdd->query("SELECT * FROM periods"); ?> <!-- création d'un formulaire avec les cases à cocher, dont les resultats s'ouvriront dans la page pagecheckbox, et les cases cochées ont pour valeur Particles ID --> <form method="GET" action="pagecheckbox.php"> <label class="Periodtitle">Periods:</label><br> <span class="bouton" id="bouton_texte2011" onclick="javascript:afficher_cacher2011('texte2011');">2011</span> <div id="texte2011" class="texte"> Select all (2011) <input onclick="CocheTout(this, 'Choix[]');" type="checkbox"><br/> <?php for($i = 0; $i<9; $i++) { $resultat = $requete->fetch(); $part = $resultat['Begin_date']; $date = DateTime::createFromFormat('Y-m-d', $part); //Les deux lignes servent à convertir la date du format Y-m-d au format Y/m/d $part = $date->format('Y/m/d'); $endpart = $resultat['End_date']; $enddate = DateTime::createFromFormat('Y-m-d', $endpart); //Les deux lignes servent à convertir la date du format Y-m-d au format Y/m/d $endpart = $enddate->format('Y/m/d');?> <input type="checkbox" id="Choix[]" name="lenom[<?php echo $resultat['Particles_ID']; ?>]" value="<?php echo "From " . $resultat['Begin_date']." " . "to " . $resultat['End_date'] ?>" /><?php echo $part ?> - <?php echo $endpart ?> <?php }?> </div> <span class="bouton" id="bouton_texte2012" onclick="javascript:afficher_cacher2012('texte2012');">2012</span> <div id="texte2012" class="texte" style="visibility:block"> Select all (2012) <input onclick="CocheTout(this, 'Choix[]');" type="checkbox"><br/> <?php for($i = 0; $i<14; $i++) { $resultat = $requete->fetch(); $part = $resultat['Begin_date']; $date = DateTime::createFromFormat('Y-m-d', $part); //Les deux lignes servent à convertir la date du format Y-m-d au format Y/m/d $part = $date->format('Y/m/d'); $endpart = $resultat['End_date']; $enddate = DateTime::createFromFormat('Y-m-d', $endpart); //Les deux lignes servent à convertir la date du format Y-m-d au format Y/m/d $endpart = $enddate->format('Y/m/d');?> <input type="checkbox" id="Choix[]" name="lenom[<?php echo $resultat['Particles_ID']; ?>]" value="<?php echo "From " . $resultat['Begin_date']." " . "to " . $resultat['End_date'] ?>" /><?php echo $part ?> - <?php echo $endpart ?> <?php }?> </div> <span class="bouton" id="bouton_texte2013" onclick="javascript:afficher_cacher2013('texte2013');">2013</span> <div id="texte2013" class="texte" style="visibility:block"> Select all (2013) <input onclick="CocheTout(this, 'Choix[]');" type="checkbox"><br/> <?php for($i = 0; $i<13; $i++) { $resultat = $requete->fetch(); $part = $resultat['Begin_date']; $date = DateTime::createFromFormat('Y-m-d', $part); //Les deux lignes servent à convertir la date du format Y-m-d au format Y/m/d $part = $date->format('Y/m/d'); $endpart = $resultat['End_date']; $enddate = DateTime::createFromFormat('Y-m-d', $endpart); //Les deux lignes servent à convertir la date du format Y-m-d au format Y/m/d $endpart = $enddate->format('Y/m/d');?> <input type="checkbox" id="Choix[]" name="lenom[<?php echo $resultat['Particles_ID']; ?>]" value="<?php echo "From " . $resultat['Begin_date']." " . "to " . $resultat['End_date'] ?>" /><?php echo $part ?> - <?php echo $endpart ?> <?php }?> </div> <span class="bouton" id="bouton_texte2014" onclick="javascript:afficher_cacher2014('texte2014');">2014</span> <div id="texte2014" class="texte" style="visibility:block"> Select all (2014) <input onclick="CocheTout(this, 'Choix[]');" type="checkbox"><br/> <?php for($i = 0; $i<14; $i++) { $resultat = $requete->fetch(); $part = $resultat['Begin_date']; $date = DateTime::createFromFormat('Y-m-d', $part); //Les deux lignes servent à convertir la date du format Y-m-d au format Y/m/d $part = $date->format('Y/m/d'); $endpart = $resultat['End_date']; $enddate = DateTime::createFromFormat('Y-m-d', $endpart); //Les deux lignes servent à convertir la date du format Y-m-d au format Y/m/d $endpart = $enddate->format('Y/m/d');?> <input type="checkbox" id="Choix[]" name="lenom[<?php echo $resultat['Particles_ID']; ?>]" value="<?php echo "From " . $resultat['Begin_date']." " . "to " . $resultat['End_date'] ?>" /><?php echo $part ?> - <?php echo $endpart ?> <?php }?> </div> <span class="bouton" id="bouton_texte2015" onclick="javascript:afficher_cacher2015('texte2015');">2015</span> <div id="texte2015" class="texte" style="visibility:block"> Select all (2015) <input onclick="CocheTout(this, 'Choix[]');" type="checkbox"><br/> <?php for($i = 0; $i<5; $i++) { $resultat = $requete->fetch(); $part = $resultat['Begin_date']; $date = DateTime::createFromFormat('Y-m-d', $part); //Les deux lignes servent à convertir la date du format Y-m-d au format Y/m/d $part = $date->format('Y/m/d'); $endpart = $resultat['End_date']; $enddate = DateTime::createFromFormat('Y-m-d', $endpart); //Les deux lignes servent à convertir la date du format Y-m-d au format Y/m/d $endpart = $enddate->format('Y/m/d');?> <input type="checkbox" id="Choix[]" name="lenom[<?php echo $resultat['Particles_ID']; ?>]" value="<?php echo "From " . $resultat['Begin_date']." " . "to " . $resultat['End_date'] ?>" /><?php echo $part ?> - <?php echo $endpart ?> <?php }?> </div>
javascript: (même fonction répétée 5 fois)
function afficher_cacher2011(id)
{
if(document.getElementById(id).style.visibility=="hidden")
{
document.getElementById(id).style.visibility="visible";
document.getElementById("bouton_texte2011").innerHTML='2011(cacher)';
}
else
{
document.getElementById(id).style.visibility="hidden";
document.getElementById("bouton_texte2011").innerHTML='2011(afficher)';
}
return true;
}
function afficher_cacher2012(id)
{
if(document.getElementById(id).style.visibility=="hidden")
{
document.getElementById(id).style.visibility="visible";
document.getElementById("bouton_texte2012").innerHTML='2012(cacher)';
}
else
{
document.getElementById(id).style.visibility="hidden";
document.getElementById("bouton_texte2012").innerHTML='2012(afficher)';
}
return true;
}
function afficher_cacher2013(id)
{
if(document.getElementById(id).style.visibility=="hidden")
{
document.getElementById(id).style.visibility="visible";
document.getElementById("bouton_texte2013").innerHTML='2013(cacher)';
}
else
{
document.getElementById(id).style.visibility="hidden";
document.getElementById("bouton_texte2013").innerHTML='2013(afficher)';
}
return true;
}
function afficher_cacher2014(id)
{
if(document.getElementById(id).style.visibility=="hidden")
{
document.getElementById(id).style.visibility="visible";
document.getElementById("bouton_texte2014").innerHTML='2014(cacher)';
}
else
{
document.getElementById(id).style.visibility="hidden";
document.getElementById("bouton_texte2014").innerHTML='2014(afficher)';
}
return true;
}
function afficher_cacher2015(id)
{
if(document.getElementById(id).style.visibility=="hidden")
{
document.getElementById(id).style.visibility="visible";
document.getElementById("bouton_texte2015").innerHTML='2015(cacher)';
}
else
{
document.getElementById(id).style.visibility="hidden";
document.getElementById("bouton_texte2015").innerHTML='2015(afficher)';
}
return true;
}
7 juin 2016 à 04:42