Bonjour,
J'essaie de créer une liste de produit qui ressemblerai à celle proposé par la balise <select> mais ou l'on pourrait écrire la référence du produit si celle ci n'existe pas (la liste contient des références stockées en base de données). J'ai vu sur le net que c'est faisable en 'simulant' une liste select, en mettant un input type text et en cachant les items de la liste dessous (un clic sur une image ou autre chose affiche les items et un clic sur un item rempli le input).
J'ai réussie pour l'affichage, le clic...,La liste est dans un tableau (qui contient le prix et autre infos), c'est au niveau visuel que sa colle pas. les items s'affiche dans la cellule(normal mais c'est pas ce que je veux), du coup sa agrandit ma cellule de tableau (vertical et horizontal).
voilà le code
J'utilise kohana (framework php) et jquery
Ce que j'aimerai sa serait que les items de la listes s'affiche par dessus la cellule du tableau(du coup pas d'agrandissement).J'ai tenté de caché la div avec du css (display:none)et modifier la valeur de display avec jquery lors d'un clic mais l'agrandissement continue. Donc je gère sa avec un toggle() de jquery pour l'instant.
avez vous un idée?Merci d'avance
Modifié par ownedsoi (10 Aug 2011 - 13:20)
J'essaie de créer une liste de produit qui ressemblerai à celle proposé par la balise <select> mais ou l'on pourrait écrire la référence du produit si celle ci n'existe pas (la liste contient des références stockées en base de données). J'ai vu sur le net que c'est faisable en 'simulant' une liste select, en mettant un input type text et en cachant les items de la liste dessous (un clic sur une image ou autre chose affiche les items et un clic sur un item rempli le input).
J'ai réussie pour l'affichage, le clic...,La liste est dans un tableau (qui contient le prix et autre infos), c'est au niveau visuel que sa colle pas. les items s'affiche dans la cellule(normal mais c'est pas ce que je veux), du coup sa agrandit ma cellule de tableau (vertical et horizontal).
voilà le code
echo Form::hidden('nombreproduit', '1',array('id'=>'nbrproduct')).'<tr class="productdatas">'.
'<td>'.Form::input('ref1',HTML::chars(Arr::get($_POST, 'ref'))array('rel'=>'forminput')).'
<img src="media/images/fleche/select_arrow.gif" id="dropprod1"onClick="droplist(1)"/>
<div id="prod1">';
foreach($companyproduct as $product)
{
echo '<div class="comprod1">'.$product['reference'].'</div>';
}
echo '</div>';
J'utilise kohana (framework php) et jquery
Ce que j'aimerai sa serait que les items de la listes s'affiche par dessus la cellule du tableau(du coup pas d'agrandissement).J'ai tenté de caché la div avec du css (display:none)et modifier la valeur de display avec jquery lors d'un clic mais l'agrandissement continue. Donc je gère sa avec un toggle() de jquery pour l'instant.
avez vous un idée?Merci d'avance
Modifié par ownedsoi (10 Aug 2011 - 13:20)