Este foro ya no está activo, así que no puedes publicar nuevas preguntas ni responder a las preguntas existentes.

Como aplicar estilo a un foreach

27 de octubre de 2015

Hola buenas , tengo este foreach para filtrar unos resultados en php

if (is_array($incidencias))
{
    echo '<table border=1>';
    echo '<select>';
    foreach($incidencias as $cust)
    {
        echo '<option>'.$cust->Num_contrato.'</option>';
    }
    echo '</select>';
    echo '</table>';
}

Y me gustaria aplicarleun estilo como este:

<div class="form-group">
    <label class="col-sm-3 control-label">SelectBoxIt (Icons)</label>
 
    <div class="col-sm-5">
 
        <select name="test" class="selectboxit">
            <option value="SelectBoxIt themes:" data-iconurl="http://icons.iconarchive.com/icons/custom-icon-design/pretty-office-5/256/themes-icon.png">SelectBoxIt themes:</option>
            <option value="Twitter Bootstrap" data-iconurl="http://blog.getbootstrap.com/public/ico/apple-touch-icon-144-precomposed.png">Twitter Bootstrap</option>
            <option value="jQuery UI" data-iconurl="http://c747925.r25.cf2.rackcdn.com/blog/wp-content/uploads/2010/09/jquery-ui-logo.png">jQuery UI</option>
            <option value="jQuery Mobile" data-iconurl="https://twimg0-a.akamaihd.net/profile_images/2633978789/80508321d8ce3ba8aa264380bb7eba33.png">jQuery Mobile</option>
        </select>
 
    </div>
</div>

Respuestas

#1

No entiendo bien cuál es el problema. Para aplicar el nuevo estilo que muestras, solo tiene sque actualizar el código PHP tal y como ya lo estás utilizando.

En vez de esta línea:

echo '<table border=1>';

Utilizarías las siguientes:

echo '<div class="form-group">';
echo '    <label class="col-sm-3 control-label">SelectBoxIt (Icons)</label>';
echo '    <div class="col-sm-5">';

Y así sucesivamente.

@javiereguiluz

27 octubre 2015, 10:50
#2

Ahora mismo lo tengo así:

if (is_array($incidencias)) 
{   echo '<div class="col-sm-5">';
    echo '<select name="contratos" class="selexboxit">';
    foreach($incidencias as $cust) 
    { 
        echo '<option value>'.$cust->Num_contrato.'</option>';
    }
    echo '</select>';
    echo '</div>';
}
 
die();

Y no me recrea ningun estilo. Por descontado que tengo todos los scripts en el php y el php esta alojado donde esta todo el directorio de bootstrap.

@javierecompring

27 octubre 2015, 11:01
#3

El problema que veo es que te faltan añadir dos etiquetas HTML respecto al código original que mostraste. La función PHP completa sería esta:

if (is_array($incidencias))
{
    echo '<div class="form-group">';                             // <-- añade esta línea
    echo '<label class="col-sm-3 control-label"> ... </label>';  // <-- añade esta línea
    echo '<div class="col-sm-5">';
    echo '<select name="contratos" class="selexboxit">';
    foreach($incidencias as $cust) 
    { 
        echo '<option value>'.$cust->Num_contrato.'</option>';
    }
    echo '</select>';
    echo '</div>';
}

@javiereguiluz

27 octubre 2015, 11:11
#4

me falla algo !!! ahora lo mismo lo tengo asi :

if (is_array($incidencias)) 
{   echo '<div class="form-group">';                            
    echo '<label class="col-sm-3 control-label">Contratos</label>';  
    echo '<select name="contratos" class="selexboxit">';
    foreach($incidencias as $cust) 
    { 
        echo '<option value>'.$cust->Num_contrato.'</option>';
    }
    echo '</select>';
    echo '</div>';
}
 
die();

y te adjunto un link para que veas como me quEDA:

@javierecompring

27 octubre 2015, 11:34
#5

Hay un pequeño fallo en el nombre de la clase CSS del elemento <select>. Debería ser selectboxit y has puesto selexboxit.

@javiereguiluz

27 octubre 2015, 11:49
#6

Disculpa por no ver más allá de donde tengo la nariz. Muchas gracias por tu ayuda!!

@javierecompring

27 octubre 2015, 12:04