Bonjour à toutes et à tous,
Je dois réaliser un affichage d'opacité sur une boucle while avec par défaut une opacité à 30% et lorsque le visiteur survole le lien l'opacité passe à 100%. Jusque là, tout va bien, j'utilise les onmouse over et out mais le client pour qui je travaille voudrait que le lien survolé et cliqué reste à 100% (comme il me semble un fil d’Ariane). J'ai donc introduit un onmouseup, onmousedown et onclick afin de garder l'opacité sur l'évènement de la souris.
Ma question est comment mettre une opacité par défaut sur le premier lien qui s'affiche sachant que je récupère une variable sur le get (id_vet=)?
Le site est visible à cette adresse
http://www.sushiboutik.com/carte.php?id_vet=1
et je joins le code de ma page ci dessous :
Je vous remercie de votre lecture et de vos futures réponses,
Cordialement,
Emmanuelle
<?php
session_start();
$nav_en_cours = 'carte';
require_once('inc/connexion_base.inc.php');
include_once('inc/tete.inc.php');
/*premiere requete qui affiche les categories */
$sql_b="SELECT * FROM categorie_carte ORDER BY id_categorie_carte ASC";
$res_b=mysql_query($sql_b) or die("problème d'accès à la base");
/*css conteneur general.css */
?>
<div class="page">
<div class="sousMenu">
<?php
/*css: collection.css*/
while($vet=mysql_fetch_array($res_b)){
$idCarte = $vet['id_categorie_carte'];
$nomCarte = $vet['nom_categorie_carte'];
$imgCarte = $vet['img_categorie_carte'];
echo "<div class='produitCarte'>";
echo "<ul id='ulCarte'>
<li id='liCarte'><a href=\"carte.php?id_vet=".$idCarte."\"
style='opacity:0.3;filter:alpha(opacity=30)'
onmouseover='this.style.opacity=1;this.filters.alpha.opacity=100'
onmouseout='this.style.opacity=1;this.filters.alpha.opacity=100'
onmousedown='this.style.opacity=1;this.filters.alpha.opacity=100'
onmouseup='this.style.opacity=1;this.filters.alpha.opacity=100'
onclick='this.style.opacity=1;this.filters.alpha.opacity=100' >".$nomCarte."</a></li>";
echo "<li id='liImgCarte'><a href=\"carte.php?id_vet=".$idCarte."\"
style='opacity:0.3;filter:alpha(opacity=30)'
onmouseover='this.style.opacity=1;this.filters.alpha.opacity=100'
onmouseout='this.style.opacity=1;this.filters.alpha.opacity=100'
onmousedown='this.style.opacity=1;this.filters.alpha.opacity=100'
onmouseup='this.style.opacity=1;this.filters.alpha.opacity=100'
onclick='this.style.opacity=1;this.filters.alpha.opacity=100'>"."<img src=\"".$imgCarte."\"
border='0' alt=".$nomCarte." /></a></li>
</ul></div>";
}?>
</div> <!-- fin sous menu-->
<div class="conteneur_produits">
<div class="afficheCarte">
<?php
/* css collection.css **/
/*deuxieme requete qui affiche les produits de la categorie sélectionnée*/
/*1 si le type est non renseigne dans l'adresse, par defaut type = sushi, sinon adresse url (maki, makiS, CRolls... */
/*la variable existe et qu'elle n'est pas vide ? */
/*problème avec la variable par defaut et le if */
$var = $_GET['id_vet'];
$sql_sousCategorie="SELECT `nom_categorie_carte` FROM `categorie_carte` WHERE `id_categorie_carte`='$var'";
$sousCat=mysql_query($sql_sousCategorie);
$sousCatArray=mysql_fetch_array($sousCat, MYSQL_ASSOC);
$nom_sousCat=$sousCatArray['nom_categorie_carte'];
/**** le lien affiche la meme page avec un param supplémentaire : le type de produits fourni dans l'url*/
$sql_produits="SELECT * FROM produits_carte, categorie_carte
WHERE categorie_carte.id_categorie_carte='$var'
AND produits_carte.sousCategorie = categorie_carte.nom_categorie_carte
ORDER BY nom_produits_carte ASC";
$resProduits=mysql_query($sql_produits) or die("problème d'accès à la base");
echo "<div class='titreProduits'>".$nom_sousCat."</div>";
?>
<table class="produitsCarte" align="center">
<?php
$i = 1; //initialisation du compteurs à 1
$nbparligne = 2; // ici on indique le nombre d'alignement que l'on veut sur chaque ligne
//echo '<tr>';
while($prod=mysql_fetch_array($resProduits, MYSQL_ASSOC))
{
$image = $prod['img_produits_carte'];
$nom = $prod['nom_produits_carte'];
$pack = $prod['Packaging'];
$prix = $prod['Prix'];
if ($i==1) // Si $i est à 1 on est sur la cellule la plus à gauche
{
echo '<tr>'; // On ouvre donc une ligne et aussi une cellule "gauche"
echo "<td class='gauche'><img src=".$image." border='0' />
</td><td class='gaucheP'>
<div class='alignNom'>".$nom."</div>
<div class='alignPack'>".$pack."</div>
<div class='alignPrix'>".$prix." €</div></td>";
echo '</td>'; // On ferme la cellule gauche
echo "<td class='pointilles'></td>"; // Cellule pour mettre la ligne en pointillés
} // Fin du if
if ($i<$nbparligne AND $i!=1)
{
echo "<td class='centre'><img src=".$image." border='0' />
</td><td class='centreP'>
<div class='alignNom'>".$nom."</div>
<div class='alignPack'>".$pack."</div>
<div class='alignPrix'>".$prix." €</div></td>";
echo '</td>'; // On ouvre une cellule de class "centre" pour afficher les produits qui sont au centre (ni à gauche ni à droite)
echo "<td class='pointilles'></td>"; // Cellule pour mettre la ligne en pointillés
}
if ($i==$nbparligne)
{
echo "<td class='gauche'><img src=".$image." border='0' />
</td><td class='gaucheP'>
<div class='alignNom'>".$nom."</div>
<div class='alignPack'> ".$pack."</div>
<div class='alignPrix'>".$prix." €</div></td>";
echo '</td>'; // On ouvre une cellule de class "droite" pour afficher les produits qui sont à droite
echo "</tr>"; // Comme on est à droite, on referme la ligne
}
if ($i<$nbparligne)
{
$i++;
}
else
{
$i=1;
}
} // Fin de la boucle
?>
</table>
</div> <!--fin du afficheProduits-->
</div> <!--fin du conteneur produits-->
</div> <!--fin page -->
<?php
include_once('inc/pied.inc.php'); // affichage du pied de page
?>
Bonjour à toutes et à tous,
Je dois réaliser un affichage d'opacité sur une boucle while avec par défaut une opacité à 30% et lorsque le visiteur survole le lien l'opacité passe à 100%. Jusque là, tout va bien, j'utilise les onmouse over et out mais le client pour qui je travaille voudrait que le lien survolé et cliqué reste à 100% (comme il me semble un fil d’Ariane). J'ai donc introduit un onmouseup, onmousedown et onclick afin de garder l'opacité sur l'évènement de la souris.
Ma question est comment mettre une opacité par défaut sur le premier lien qui s'affiche sachant que je récupère une variable sur le get (id_vet=)?
Le site est visible à cette adresse http://www.sushiboutik.com/carte.php?id_vet=1
et je joins le code de ma page ci dessous :
Je vous remercie de votre lecture et de vos futures réponses,
Cordialement,
Emmanuelle
[php]
<?php
session_start();
$nav_en_cours = 'carte';
require_once('inc/connexion_base.inc.php');
include_once('inc/tete.inc.php');
/*premiere requete qui affiche les categories */
$sql_b="SELECT * FROM categorie_carte ORDER BY id_categorie_carte ASC";
$res_b=mysql_query($sql_b) or die("problème d'accès à la base");
/*css conteneur general.css */
?>
<div class="page">
<div class="sousMenu">
<?php
/*css: collection.css*/
while($vet=mysql_fetch_array($res_b)){
$idCarte = $vet['id_categorie_carte'];
$nomCarte = $vet['nom_categorie_carte'];
$imgCarte = $vet['img_categorie_carte'];
echo "<div class='produitCarte'>";
echo "<ul id='ulCarte'>
<li id='liCarte'><a href=\"carte.php?id_vet=".$idCarte."\"
style='opacity:0.3;filter:alpha(opacity=30)'
onmouseover='this.style.opacity=1;this.filters.alpha.opacity=100'
onmouseout='this.style.opacity=1;this.filters.alpha.opacity=100'
onmousedown='this.style.opacity=1;this.filters.alpha.opacity=100'
onmouseup='this.style.opacity=1;this.filters.alpha.opacity=100'
onclick='this.style.opacity=1;this.filters.alpha.opacity=100' >".$nomCarte."</a></li>";
echo "<li id='liImgCarte'><a href=\"carte.php?id_vet=".$idCarte."\"
style='opacity:0.3;filter:alpha(opacity=30)'
onmouseover='this.style.opacity=1;this.filters.alpha.opacity=100'
onmouseout='this.style.opacity=1;this.filters.alpha.opacity=100'
onmousedown='this.style.opacity=1;this.filters.alpha.opacity=100'
onmouseup='this.style.opacity=1;this.filters.alpha.opacity=100'
onclick='this.style.opacity=1;this.filters.alpha.opacity=100'>"."<img src=\"".$imgCarte."\"
border='0' alt=".$nomCarte." /></a></li>
</ul></div>";
}?>
</div> <!-- fin sous menu-->
<div class="conteneur_produits">
<div class="afficheCarte">
<?php
/* css collection.css **/
/*deuxieme requete qui affiche les produits de la categorie sélectionnée*/
/*1 si le type est non renseigne dans l'adresse, par defaut type = sushi, sinon adresse url (maki, makiS, CRolls... */
/*la variable existe et qu'elle n'est pas vide ? */
/*problème avec la variable par defaut et le if */
$var = $_GET['id_vet'];
$sql_sousCategorie="SELECT `nom_categorie_carte` FROM `categorie_carte` WHERE `id_categorie_carte`='$var'";
$sousCat=mysql_query($sql_sousCategorie);
$sousCatArray=mysql_fetch_array($sousCat, MYSQL_ASSOC);
$nom_sousCat=$sousCatArray['nom_categorie_carte'];
/**** le lien affiche la meme page avec un param supplémentaire : le type de produits fourni dans l'url*/
$sql_produits="SELECT * FROM produits_carte, categorie_carte
WHERE categorie_carte.id_categorie_carte='$var'
AND produits_carte.sousCategorie = categorie_carte.nom_categorie_carte
ORDER BY nom_produits_carte ASC";
$resProduits=mysql_query($sql_produits) or die("problème d'accès à la base");
echo "<div class='titreProduits'>".$nom_sousCat."</div>";
?>
<table class="produitsCarte" align="center">
<?php
$i = 1; //initialisation du compteurs à 1
$nbparligne = 2; // ici on indique le nombre d'alignement que l'on veut sur chaque ligne
//echo '<tr>';
while($prod=mysql_fetch_array($resProduits, MYSQL_ASSOC))
{
$image = $prod['img_produits_carte'];
$nom = $prod['nom_produits_carte'];
$pack = $prod['Packaging'];
$prix = $prod['Prix'];
if ($i==1) // Si $i est à 1 on est sur la cellule la plus à gauche
{
echo '<tr>'; // On ouvre donc une ligne et aussi une cellule "gauche"
echo "<td class='gauche'><img src=".$image." border='0' />
</td><td class='gaucheP'>
<div class='alignNom'>".$nom."</div>
<div class='alignPack'>".$pack."</div>
<div class='alignPrix'>".$prix." €</div></td>";
echo '</td>'; // On ferme la cellule gauche
echo "<td class='pointilles'></td>"; // Cellule pour mettre la ligne en pointillés
} // Fin du if
if ($i<$nbparligne AND $i!=1)
{
echo "<td class='centre'><img src=".$image." border='0' />
</td><td class='centreP'>
<div class='alignNom'>".$nom."</div>
<div class='alignPack'>".$pack."</div>
<div class='alignPrix'>".$prix." €</div></td>";
echo '</td>'; // On ouvre une cellule de class "centre" pour afficher les produits qui sont au centre (ni à gauche ni à droite)
echo "<td class='pointilles'></td>"; // Cellule pour mettre la ligne en pointillés
}
if ($i==$nbparligne)
{
echo "<td class='gauche'><img src=".$image." border='0' />
</td><td class='gaucheP'>
<div class='alignNom'>".$nom."</div>
<div class='alignPack'> ".$pack."</div>
<div class='alignPrix'>".$prix." €</div></td>";
echo '</td>'; // On ouvre une cellule de class "droite" pour afficher les produits qui sont à droite
echo "</tr>"; // Comme on est à droite, on referme la ligne
}
if ($i<$nbparligne)
{
$i++;
}
else
{
$i=1;
}
} // Fin de la boucle
?>
</table>
</div> <!--fin du afficheProduits-->
</div> <!--fin du conteneur produits-->
</div> <!--fin page -->
<?php
include_once('inc/pied.inc.php'); // affichage du pied de page
?>
[/php]
