Oscar Lastera Sanchez desarrollo web


E-mail: info@iespai.com
Tel. (+34) : 653 791 226
He tenido la suerte de contar con la confianza de quienes me han encargado la creación y el desarrollo de las webs que sus negocios precisan.
Son ya 14 años de experiencia acreditada como webmaster en un mundo en el quien no percute con la formación continua se queda irremediablemente atrás.
De forma totalmente gratuita, un asesoramiento inicial sobre las dudas iniciales de su proyecto.
control de capa desde el selector rel dinmico con jquery y php

Control de capa desde el selector rel dinámico con Jquery y PHP

[03 de Junio de 2014 | 1 Comentarios ]

Control con jquery de varias capas div  generadas con php, y controlamos con el selector rel.

Oscar Lastera

Este pequeño script me permite controlar capas generadas con php, se que existen mil formas de realizar lo mismo, pero esta es sencilla y clara.

ver ejemplo

Script jQuery :

<script>

function carga(id){
    var id;
    //alert (id);
    $('div[rel="capa_rel'+id+'"]').html('control rel '+id+'<a href="#;return false" onclick="carga2('+id+')">carga</a>');
    
}

</script>

 

Stilo de capas para el ejemplo:

<style>

#capa {
    margin: 10px;
    padding: 10px;
    float: left;
    height: 100px;
    width: 200px;
    border: 1px solid #09F;    
}

a {
    border: 1px solid #F00;
    display: block;
    margin-top: 60px;
}

</style>

 

codigo PHP

<?php
for($i=1;$i<10;$i++){?>
<div id="capa" rel="capa_rel<?php echo $i ?>">hola<a href="#;return false" onclick="carga(<?php echo $i ?>)">carga</a>
</div>
<?php }?>