PHP OO seleccion de divs con php ¿como lo puedo hacer?

[funnico]

Tengo un problema y mis conocimientos son bajos para solucionarlo,
tengo una pagina donde se muestran videos y fotos, y para cargarlos poseen un tag que identifica que elemento es.

<li data-tags="Images">
<a href="images/banner1.jpg" class="thumb fsand"><img src="images/gal-four-col-1.jpg" /></a></li>

<li data-tags="Videos">
<a href="http://www.youtube.com/watch?v=uvBVUit3kjY" class="thumb play"><img src="images/gal-four-col-2.jpg" /></a></li>

voy a crear una area de repeticion para poder colocar solo una <li> y poder administrarlo desde un panel de control que realize.

el problema que tengo es que no se como hacer para que depende el tag que sea se muestre el resto del div, por ejmeplo

si
<li data-tags="Images">
que se muestre
<a href="images/banner1.jpg" class="thumb fsand"><img src="images/gal-four-col-1.jpg" /></a></li>

pero si
<li data-tags="Videos">
que se muestre
<a href="http://www.youtube.com/watch?v=uvBVUit3kjY" class="thumb play"><img src="images/gal-four-col-2.jpg" /></a></li>

saludos

[marcusaurelio]

PARA MI......si lo tenes en base de datos.. seria mejor ponerle un flag al registro.. si es video mostras el li del video y si es foto mostrar el de foto

[Alexis88]

PHP trabaja del lado del servidor, por lo tanto, no es posible controlar el DOM. Para eso existe JavaScript.

DEMO

Saludos

[h2swider]

Si quieres analizar el contenido de una string antes de imprimir el html desde el servidor, con algo como esto estaria solucionado.

Código PHP:

  preg_match('/<li data-tags="(.*)">/','<li data-tags="Images">', $matches);
echo $matches[1];  
   

[Alexis88]

Iniciado por h2swider

Si quieres analizar el contenido de una string antes de imprimir el html desde el servidor, con algo como esto estaria solucionado.

Código PHP:

  preg_match('/<li data-tags="(.*)">/','<li data-tags="Images">', $matches); 
echo $matches[1];  
   

Es buena la solución, aunque particularmente, no lo haría así por un tema de orden y eficiencia. Habría que ver cómo es que nuestro amigo funnico está armando la estructura para ver si esta solución es aplicable.

Saludos

[funnico]

la verdad no se mucho, estoy empezando a meterme con php, pense que con un if, else se podia haecer

[funnico]

Iniciado por Alexis88

PHP trabaja del lado del servidor, por lo tanto, no es posible controlar el DOM. Para eso existe JavaScript.

[URL="http://jsfiddle.net/kS9Gz/"][B]DEMO[/B][/URL]

Saludos

Alexis, gracias por la respuesta, me es mas facil para mi entenderlo asi, pero no lo puedo hacer funcionar aun, hay algo que tengo mal q no me vincula.
saludos

[Alexis88]

Coloca aquí eso que 'no te vincula' para poder ayudarte.

[funnico]

Iniciado por Alexis88

Coloca aquí eso que 'no te vincula' para poder ayudarte.

lo tengo de esta forma, en el script coloque las vinculaciones correspondietes del juego de registro. aunque me parece que ahi esta mi error

<script>var li = document.getElementsByTagName("li")[0],
dataTags = li.getAttribute("data-tags"),
a = document.createElement("a"),
img = document.createElement("img");

if (dataTags == "Images"){
a.href = "images/gallery/<?php echo $row_Recordset1['Foto']; ?>";
a.className = "thumb fsand";
img.src = "images/gallery/<?php echo $row_Recordset1['Foto']; ?>";
li.appendChild(a);
li.appendChild(img);
}
else{
a.href = "<?php echo $row_Recordset1['Video']; ?>";
a.className = "thumb play";
img.src = "images/gallery/video.jpg";
li.appendChild(a);
li.appendChild(img);
}
</script>
--------------------------------

y en el hmlt

<?php do { ?>
<li data-tags = "<?php echo $row_Recordset1['Titulo']; ?>"></li>
<?php } while ($row_Recordset1 = mysql_fetch_assoc($Recordset1)); ?>

[Alexis88]

Solo por casualidad, ¿el código JavaScript lo colocaste en la cabecera del documento o antes de la etiqueta </body>? Si es lo primero, o bien coloca el código justo antes de </body> o colócalo en esta función:

Código Javascript:

window.addEventListener("load", function(){
    var li = document.getElementsByTagName("li")[0],
        dataTags = li.getAttribute("data-tags"),
        a = document.createElement("a"),
        img = document.createElement("img");
 
    if (dataTags == "Images"){
        a.href = "images/gallery/<?php echo $row_Recordset1['Foto']; ?>";
        a.className = "thumb fsand";
        img.src = "images/gallery/<?php echo $row_Recordset1['Foto']; ?>";
        li.appendChild(a);
        li.appendChild(img);
    }
    else{
        a.href = "<?php echo $row_Recordset1['Video']; ?>";
        a.className = "thumb play";
        img.src = "images/gallery/video.jpg";
        li.appendChild(a);
        li.appendChild(img);
    }
}, false);
 

Saludos

[funnico]

Iniciado por Alexis88

Solo por casualidad, ¿el código JavaScript lo colocaste en la cabecera del documento o antes de la etiqueta </body>? Si es lo primero, o bien coloca el código justo antes de </body> o colócalo en esta función:

Código Javascript:

window.addEventListener("load", function(){
    var li = document.getElementsByTagName("li")[0],
        dataTags = li.getAttribute("data-tags"),
        a = document.createElement("a"),
        img = document.createElement("img");
 
    if (dataTags == "Images"){
        a.href = "images/gallery/<?php echo $row_Recordset1['Foto']; ?>";
        a.className = "thumb fsand";
        img.src = "images/gallery/<?php echo $row_Recordset1['Foto']; ?>";
        li.appendChild(a);
        li.appendChild(img);
    }
    else{
        a.href = "<?php echo $row_Recordset1['Video']; ?>";
        a.className = "thumb play";
        img.src = "images/gallery/video.jpg";
        li.appendChild(a);
        li.appendChild(img);
    }
}, false);
 

Saludos

ahi lo coloque llamando al script y la funcion la coloque en un nuevo js. el problema que tengo ahora me parece que es que se me aplica en el li de la barra de navegacion, como puedo hacer para que solo sea para esta seccion? muchas gracias por la ayuda, estoy incrusionando en le php y me esta costando bastante, je

[Alexis88]

Bueno, este ya no es un tema de PHP sino de JavaScript. Para que un determinado elemento se vea afectado, en este caso, el elemento <li> al que haces referencia, lo mejor sería que le des un Id y así lo puedas seleccionar a través de ese atributo.

El <li> tomaría esta forma:

Código HTML:

<li id = "ejemplo" data-tags = "Images"></li>
 

Mientras que en la línea del código JavaScript en donde selecciona a dicho elemento, deberías hacerlo de esta manera:

Código Javascript:

//En lugar de esto
var li = document.getElementsByTagName("li")[0]
 
//Hazlo así
var li = document.getElementById("ejemplo")
 

Saludos

[funnico]

Iniciado por Alexis88

Bueno, este ya no es un tema de PHP sino de JavaScript. Para que un determinado elemento se vea afectado, en este caso, el elemento <li> al que haces referencia, lo mejor sería que le des un Id y así lo puedas seleccionar a través de ese atributo.

El <li> tomaría esta forma:

Código HTML:

<li id = "ejemplo" data-tags = "Images"></li>
 

Mientras que en la línea del código JavaScript en donde selecciona a dicho elemento, deberías hacerlo de esta manera:

Código Javascript:

//En lugar de esto
var li = document.getElementsByTagName("li")[0]
 
//Hazlo así
var li = document.getElementById("ejemplo")
 

Saludos

lo probe, pero me parece que el error es que no se pueden colocar vinculaciones de la base de datos en un js. te paso la estructura completa por las dudas
http://jsfiddle.net/funnico/4AYW6/
muchisimas gracias por la ayuda alexis!

[Alexis88]

Creo que lo más conveniente sería que en la tabla de la BD, tengas los datos que asignarás a cada elemento <li>, de modo que cuando hagas la consulta, automáticamente añades los valores que correspondan.

Código PHP:

<?php
$query = mysql_query("SELECT * FROM tabla");
if (mysql_num_rows($query)){
    while ($row = mysql_fetch_array($query)){
?>
        <li data-tags = "<?=$row["data-tags"]?>">
            <a href = "<?=$row["href"]?>">
                <img src = "<?=$row["img"]?>" />
            </a>
        </li>
<?php        
    }
}
?>
 

Saludos