Programando PHP: JQuery

Mostrando entradas con la etiqueta JQuery. Mostrar todas las entradas

Jquery: Acceder al valor de un campo del form a partir del id del form


  $("#formLSG").find('[name="cp"]').val();

Para sacar el valor de todos los campos del form:


  $("#formLSG").find('input, select, textarea').each(function() {

       var nombreCampo = $(this).attr('name');

       var valorCampo = $(this).val();

       console.log(nombreCampo + ': ' + valorCampo);

  });

JQuery: Leer y modificar contenido de metas

Este resumen no está disponible. Haz clic en este enlace para ver la entrada.

JQuery: Acceder by name

 
if ($("[name='cesiones']").is(':checked')) { ... }

JQuery: Cambiar un etiqueta por otra (por ejemplo h3 por h2)


setTimeout(function(){

   jQuery(".section-post-excerpt h3").addClass('h3ToDelete');

   jQuery(".h3ToDelete").each(function(index) {

     console.log("Cambiando h2 por h3");

     var texto = jQuery( this ).html();

     jQuery( this ).after('<h2 class="h3">'+texto+'</h2>')

     jQuery( this ).remove();

   });

}, 2500);

JQuery: Cambiar por JQuery todos los links que haya de http a https


$('a[href^="http://"]').each(function(){

 var oldUrl = $(this).attr("href");

 var newUrl = oldUrl.replace("http://", "https://");

 $(this).attr("href", newUrl);

});

JS: Mostrar un mensaje (o hacer lo que sea) cuando la página lleva inactiva más de 10 segundos


<script>

    //Time inactive to lockscreen

    inactive = 0;

    var idleInterval = setInterval(function(){

        inactive++;

        console.log(inactive);

        if (inactive == 10){

            console.log('Lockscreen');

            //$('iframe').show();

        }

    }, 1000);



    $(document).bind('mouseover click keydown scroll', function () {

        inactive = 0;

    });

</script>

JQuery 15: Cómo obtener el valor seleccionado en un combo

<select id="mi_combo">
<option value="1">Humphrey Bogart</option>
<option value="2">Gary Cooper</option>
<option value="3">William Holden</option>
<option value="4">Marlon Brando</option>
</select>


<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$("#mi_combo").change(function(){
var opc_seleccionada = $("#mi_combo option:selected").val();
});
});
</script>

Si tienes alguna duda o problema en PHP, haz la pregunta en el comentario de esta entrada e intentaré responderte lo antes posible

JQuery 14: Cómo recorrer todos los elementos que cumplan una condición específica

// aquellos que esté dentro de div2 y además cuyo id contenga
// la palabra ident_principal
$("#div2 [id*=ident_principal]").each(function(){
alert($(this).attr("id"));
});

Si tienes alguna duda/problema en PHP o JQuery, haz la pregunta en el comentario de esta entrada e intentaré responderte lo antes posible

JQuery 13: Cómo recorrer y obtener el id de todos los elementos que además estén dentro de una clase específica

$(".mi_clase p").each(function(){
alert($(this).attr("id")); // muestra todos los <p> que sean de la clase mi_clase
});

Si tienes alguna duda/problema en PHP o JQuery, haz la pregunta en el comentario de esta entrada e intentaré responderte lo antes posible

JQuery 12: Cómo recorrer y obtener el id de todos los elementos que haya de una clase específica

$(".mi_clase").each(function(){
alert($(this).attr("id"));
});

Si tienes alguna duda/problema en PHP o JQuery, haz la pregunta en el comentario de esta entrada e intentaré responderte lo antes posible

JQuery 11: Cómo recorrer y obtener el id de todos los elementos (por ejemplo ) que haya en un documento

$("img").each(function(){
alert($(this).attr("id"));
});

Si tienes alguna duda/problema en PHP o JQuery, haz la pregunta en el comentario de esta entrada e intentaré responderte lo antes posible

JQuery 10: Cómo obtener la clase que tiene un identificador específico

clase = $("#elem1").attr("class");

Si tienes alguna duda o problema en PHP, haz la pregunta en el comentario de esta entrada e intentaré responderte lo antes posible

JQuery 9: Cómo obtener el html de un elemento concreto

html = $(".prueba").html(); // saca el HTML de aquel elemento que tenga una clase llamada prueba

Si tienes alguna duda o problema en PHP, haz la pregunta en el comentario de esta entrada e intentaré responderte lo antes posible

JQuery 8: Cómo obtener el valor de un atributo de un elemento concreto

valor = $("#elem2").attr("id");

Si tienes alguna duda o problema en PHP, haz la pregunta en el comentario de esta entrada e intentaré responderte lo antes posible

JQuery 7: Cómo asignar un atributo a un elemento

$(this).attr("id", "elem1");

Si tienes alguna duda o problema en PHP, haz la pregunta en el comentario de esta entrada e intentaré responderte lo antes posible

JQuery 6: Cómo obtener (o poner) en JQuery las propiedades CSS de un elemento

alert("El tamaño de este elemento es "+$("#gran_texto").css("font-size"));
// El caso inverso (imponer una propiedad CSS a un elemento concreto sería:
$("#gran_texto").css("font-size", "20px");
alert("El tamaño de este elemento es "+$("#gran_texto").css("font-size"));

Si tienes alguna duda/problema en PHP o JQuery, haz la pregunta en el comentario de esta entrada e intentaré responderte lo antes posible

JQuery 5: Cómo interactuar desde JQuery con otra página PHP


Escribe el texto: <textarea id="texto"></textarea><br>
<input type="button" id="btn_enviar" value="Enviar" style="font-size:9pt;">

<div id="zona_carga">
</div>



<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$("#btn_enviar").click(function() {
// alert("El valor del campo es: "+$("#texto").val());
$.post (
"procesar_datos.php",
{
texto: $("#texto").val()
},
function(data) {
$("#zona_carga").html("La cadena escrita al revés es: "+data);
}
);
});
});
</script>

El otro fichero procesar_datos.php solo contendrá:
<?php
echo strrev($_POST["texto"]);
?>

Si tienes alguna duda/problema en PHP o JQuery, haz la pregunta en el comentario de esta entrada e intentaré responderte lo antes posible

JQuery 4: Cómo rellenar una capa con el contenido que quieras


Escribe el texto: <textarea id="texto"></textarea><br>
<input type="button" id="btn_enviar" value="Enviar" style="font-size:9pt;">

<div id="zona_carga">
</div>



<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$("#btn_enviar").click(function() {
$("#zona_carga").html("hola mundo");
// Otro ejemplo sería:
$("#zona_carga").html("Has escrito: "+$("#texto").val());
});
});
</script>

JQuery 3: Cómo obtener el valor de un campo texto


Escribe el texto: <textarea id="texto"></textarea><br>
<input type="button" id="btn_enviar" value="Enviar" style="font-size:9pt;">


<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
          $("#btn_enviar").click(function() {
alert("El valor del campo es: "+$("#texto").val());
          });
});
</script>

Si tienes alguna duda/problema en PHP o JQuery, haz la pregunta en el comentario de esta entrada e intentaré responderte lo antes posible

JQuery 2: Capturar el evento de pulsar un botón


<input type="button" id="btn_enviar" value="Enviar" style="font-size:9pt;">


<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
      $("#btn_enviar").click(function(){
        alert("Has pulsado el botón");
      });
    });
</script>

Si tienes alguna duda/problema en PHP o JQuery, haz la pregunta en el comentario de esta entrada e intentaré responderte lo antes posible

ccc