Simpel dropdown-menu
6 juni 2012 - 16:44   
geplaatst door: Duke
Beste,

Ik moet drie simpele dropdown-menu's  in m'n pagina zien te krijgen. Het moet in php en ik zit er mee te knoeien. Kan iemand me helpen?


Het lettertype, de kleur en de uitlijning moeten dropdowns worden. Kan iemand me vertellen hoe ik dat moet doen?

Bij voorbaat dank.

Simpel dropdown-menu
6 juni 2012 - 16:52    reactie #1
geplaatst door: Shmoo

geblokkeerd

Dat doe je niet met PHP maar met HTML + CSS.

Waar je eens op moet zoeken is:
html css accordion

Dan zal je denk ik veel effecten vinden die jij wilt maken.

Simpel dropdown-menu
6 juni 2012 - 17:15    reactie #2
geplaatst door: Hiker
Dit hoeft toch niet met CSS, een simpele Options met variabelen in de html is voldoende:

Kies:
<select name="Kies">
<option value="">- kies een optie -</option>
<option value="optie1">optie1</option>
<option value="optie2">optie2</option>
<option value="optie3">optie3</option>
<option value="optie4">optie4</option>
</select>


(Bewerkt door Hiker om 17:16, 6-06-2012)

Kies:
<select name="Kies">
<option value="">- kies een optie -</option>
<option value="optie1">optie1</option>
<option value="optie2">optie2</option>
<option value="optie3">optie3</option>
<option value="optie4">optie4</option>
</select>

(Bewerkt door Hiker om 17:17, 6-06-2012)

Simpel dropdown-menu
6 juni 2012 - 17:52    reactie #3
geplaatst door: Shmoo

geblokkeerd

Das geen dropdown effect maar een select effect.

Ik ging er vanuit dat het formulier dat er nu staat al prima is en dat hij alleen drie opties wilt verbergen , soort Tabs.

Simpel dropdown-menu
6 juni 2012 - 19:30    reactie #4
geplaatst door: Hiker
Net hoe je het leest, ik ging er vanuit dat hij een lettertype of kleur wou selecteren uit een rijtje.
We zullen de reactie van Duke moeten afwachten.
Simpel dropdown-menu
6 juni 2012 - 19:31    reactie #5
geplaatst door: Duke
Dank u, zo simpel. Ik was weer veel te complex aan het doen. Ze staan er nu wel maar als ik naar m'n bevestigings-pagina ga heeft hij ze niet opgepakt de naam en de tekst van de kaart wel maar de keuze-menu's niet.

Weet er iemand wat ik daar aan moet doen?

Simpel dropdown-menu
6 juni 2012 - 22:31    reactie #6
geplaatst door: Hiker
Wat er nu nog mist is zo niet te zien, dan zul je de code van het hele formulier hier even moeten plakken. De gekozen veldinhoud wordt dus niet verstuurd?
Simpel dropdown-menu
7 juni 2012 - 09:33    reactie #7
geplaatst door: Duke
Dit heb ik er nu staan....

$echo.='<fieldset class="eshop fld1"><legend id="mainlegend">'. __('Please Enter Your Details','eshop').'</legend>
   <fieldset class="eshop fld2">';
   if('no' == $eshopoptions['downloads_only']){
      $echo .='<legend>'.__('Mailing Address','eshop').'</legend>';
   }else{
      $echo .='<legend>'.__('Contact Details','eshop').'</legend>';
   }
   $echo .='<span class="firstname"><label for="first_name">'.__('First Name','eshop').eshop_checkreqd($reqdarray,'first_name').'</label>
     <input class="med" type="text" name="first_name" value="'.$first_name.'" id="first_name" maxlength="40" size="40" />
</span>
    <span class="lastname"><label for="last_name">'.__('Last Name','eshop').eshop_checkreqd($reqdarray,'last_name').'</label>
     <input class="med" type="text" name="last_name" value="'.$last_name.'" id="last_name" maxlength="40" size="40" />
</span>';
   if('no' == $eshopoptions['downloads_only']){
   $echo .='
       ';
   }
   $echo .='<span class="email"><label for="email">'.__('Email','eshop').eshop_checkreqd($reqdarray,'email').'</label>
     <input class="med" type="text" name="email" value="'.$email.'" id="email" maxlength="100" size="40" />
</span>';
   if('no' == $eshopoptions['downloads_only']){
      $echo .='<span class="phone"><label for="phone">'.__('Phone','eshop').eshop_checkreqd($reqdarray,'phone').'</label>
        <input class="med" type="text" name="phone" value="'.$phone.'" id="phone" maxlength="30" size="30" />
</span>
       <span class="address1"><label for="address1">'.__('Address','eshop').eshop_checkreqd($reqdarray,'address').'</label>
        <input class="med" type="text" name="address1" id="address1" value="'.$address1.'" maxlength="40" size="40" />
</span>
       <span class="city"><label for="city">'.__('City or town','eshop').eshop_checkreqd($reqdarray,'city').'</label>
        <input class="med" type="text" name="city" value="'.$city.'" id="city" maxlength="40" size="40" />
</span>'."\n";

      // state list from db
      $table=$wpdb->prefix.'eshop_states';
      $getstate=$eshopoptions['shipping_state'];
      if($eshopoptions['show_allstates'] != '1'){
         $stateList=$wpdb->get_results("SELECT id,code,stateName FROM $table WHERE list='$getstate' ORDER BY stateName",ARRAY_A);
      }else{
         $stateList=$wpdb->get_results("SELECT id,code,stateName,list FROM $table ORDER BY list,stateName",ARRAY_A);
      }
      
      if(sizeof($stateList)>0){
         $echo .='';
         $echo .='';
         $echo .= apply_filters('',''.__('','eshop').'</option>');
         foreach($stateList as $code => $value){
            if(isset($value[''])) $li=$value[''];
            else $li='1';
            $eshopstatelist[$li][$value['id']]=array($value['code'],$value['']);
         }
         $tablec=$wpdb->prefix.'eshop_countries';
         foreach($eshopstatelist as $egroup =>$value){
            $eshopcname=$wpdb->get_var("SELECT country FROM $tablec where code='$egroup' limit 1");
            $echo .='<optgroup label="'.$eshopcname.'">'."\n";

            foreach($value as $code =>$stateName){
               //$stateName=esc_attr($stateName);
               if (isset($state) && ($state == $stateName['0'] || $state == $code)){
                  $echo.= '<option value="'.$code.'" selected="selected">'.$stateName['1']."</option>\n";
               }else{
                  $echo.='<option value="'.$code.'">'.$stateName['1']."</option>\n";
               }
            }
            $echo .="</optgroup>\n";
         }
         $echo.= "</select>
</span>\n";
      }else{
         $echo .='<input type="hidden" name="state" value="" />';
      }
      $echo .= '';
      $echo .= '
       <span class="zip"><label for="zip">'.__('Zip/Post code','eshop').eshop_checkreqd($reqdarray,'zip').'</label>
        <input class="short" type="text" name="zip" value="'.$zip.'" id="zip" maxlength="20" size="20" />
</span>
       <span class="country"><label for="country">'.__('Verzending','eshop').eshop_checkreqd($reqdarray,'country').'</label>
        <select class="med pointer" name="country" id="country">
      ';
      // country list from db
      $tablec=$wpdb->prefix.'eshop_countries';
      $List=$wpdb->get_results("SELECT code,country FROM $tablec GROUP BY list,country",ARRAY_A);
      foreach($List as $key=>$value){
         $k=$value['code'];
         $v=$value['country'];
         $countryList[$k]=$v;
      }
      if(!isset($countryList)){
         wp_die(__('Error, please contact site owner.','eshop'));
      }
      $echo .='<option value="" selected="selected">'.__('','eshop').'</option>';
      foreach($countryList as $code => $label){
         $label=htmlspecialchars($label);
         if (isset($country) && $country == $code){
            $echo.= "<option value=\"$code\" selected=\"selected\">$label</option>\n";
         }else{
            $echo.="<option value=\"$code\">$label</option>";
         }
      }
      $echo.= "</select></span>";
   }
   $echo .="</fieldset>";
   
   $echo = apply_filters('eshopaddtocheckout',$echo);

   if('yes' != $eshopoptions['hide_addinfo']){
      $echo .= '<fieldset class="eshop fld3">
      <legend>'.__('De tekst voor uw kaart:','eshop').'</legend>
       <span class="eshopreference"><label for="reference">'.__('Naam van de gelukkige(n)','eshop').eshop_checkreqd($reqdarray,'ref').'</label>
        <input type="text" class="med" name="reference" value="'.$reference.'" id="reference" size="80" />
</span>
<select name="Kies">
<option value="">- Kies uw lettertype -</option>
<option value="optie1">Helvetica</option>
<option value="optie2">Amazone</option>
<option value="optie3">Arctic</option>
<option value="optie4">Bahamas light</option>
<option value="optie5">Comic Sans</option>
<option value="optie6">Garamond</option>
<option value="optie7">LT Sallway</option>
<option value="optie8">Optimum</option>
<option value="optie9">President</option>
<option value="optie10">Souvenir light</option>
<option value="optie11">Shelley Allegro</option>
</select>

<select name="Kies">
<option value="">- Kies uw tekstkleur -</option>
<option value="optie1">cyaan</option>
<option value="optie2">magenta</option>
<option value="optie3">zwart</option>
<option value="optie4">warm red</option>
<option value="optie5">green</option>
<option value="optie6">oranje</option>
<option value="optie7"PMS 1405</option>
<option value="optie8">PMS 1785</option>
<option value="optie9">PMS 311</option>
<option value="optie10">PMS 2395</option>
<option value="optie11">PMS 2935</option>
<option value="optie11">PMS 3298</option>
</select>

<select name="Kies">
<option value="">- Kies de tekstpositie -</option>
<option value="optie1">Linkslijnend</option>
<option value="optie2">rechtslijnend</option>
<option value="optie3">gecentreerd</option>
</select>

       <label for="eshop-comments">'.__('Geef hier uw tekst in:','eshop').eshop_checkreqd($reqdarray,'comments').'</label>
        <textarea class="textbox" name="comments" id="eshop-comments" cols="60" rows="5">'.$comments.'

Simpel dropdown-menu
7 juni 2012 - 09:51    reactie #8
geplaatst door: Duke
Dit heb ik er nu staan....

ai, gaat iets fout in de weergave. Ik doe het ven zo:

Simpel dropdown-menu
7 juni 2012 - 09:56    reactie #9
geplaatst door: Hiker
Ik ben niet bekend met php, maar bij de andere velden zie ik: '.__('Naam van de gelukkige(n)','eshop').eshop_checkreqd($reqdarray,'ref').'
en bij de selectievelden zie ik dat niet.
Je waarden worden dus niet in de array opgeslagen en dus ook niet verzonden.