18.2.11

Buscar firstChild con JQuery

Trabajando en un proyecto surgió la necesidad de incluir dentro de un div el texto contenido en un enlace.
El código de ese enlace era:
<a id="mi_enlace" href="..."><b>Hola, este es un texto cualquiera</b></a>
Entonces recurrí al uso de JQuery y utilicé lo más comunmente usado (por mi al menos):
$("#mi_enlace").mouseover(function(){ //damos una funcion al onmouseover del enlace                  
        alert($(this).html()); // uso el alert para fijarme si el texto extraido es el que busco
        //esto me da el texto "<b>Hola, este es un texto cualquiera</b>"
}
El resultado no es el deseado, ya que yo necesito el texto sin las etiquetas <b></b>, por lo que debo recurrir a extraer el texto dentro del primer hijo (firstChild) del enlace.
Para conseguirlo encontré el uso de .children() en JQuery, quedando el código así:
$("#mi_enlace").mouseover(function(){                   
        alert($(this).children(':first-child').html());
        //esto se entiende: $(this) = el enlace presionado
        //.children(':first-child') = el primer elemento dentro del enlace (<b></b>)
        //.html() = el texto dentro de <b></b>

}

17.2.11

Leer archivo PHP como si fuera Javascript

Si deseamos utilizar PHP para crear el valor de cierta variable de manera dinámica dentro de un JS, o como el caso que mas utilizo yo, para ejecutar una funcion onLoad() diferente dependiendo de la pagina cargada, podemos recurrir a la funcion header() de PHP que nos permite ejecutar un archivo .php como javascript, justamente diciendole al navegador que corra tal código como javascript.
Para ser mas claros vamos a ver el código del archivo llamado "javascript.php":

Código:
<?php   header("content-type: application/x-javascript");   ?> // he aquí el kit de la cuestión

var variable1 = <?php echo $_GET['varPhp']; ?> //suponiendo q este valor se pase por GET
function mostrar(){ 
       .............. //y aquí el codigo como si estuviesemos dentro de un archivo JS
}

9.2.11

Averiguar el alto de la ventana, sin menues ni barras de herramientas

Ver este enlace

En el enlace anterior se puede ver document.clientHeight que funcionaría en IE para conocer el alto de la ventana. Pero esto no es cierto. Con clientHeight lo que podemos averiguar es el alto del contenido total de nuestra pagina pero no de la "capacidad" de la ventana, osea, si nuestro contenido mide 500px de alto pero lo vemos en un monitor de 21'' (por lo que podemos visualizar unos 1000px de alto)  el clientHeight nos va a dar 500px y no 1000px, de modo que si quisieramos adaptar una imagen que ocupe todo el fondo de la ventana completa el clientHeight no nos sirviría.

En un caso asi deberiamos usar document.documentElement.clientHeight que sí nos daria el alto de "capacidad" de la ventana (nótese que con "capacidad" me refiero a la parte interna de la ventana, alto total menos toolbar, bordes, barra de estado, etc. )

Ver este enlace

5.2.11

Averiguar el registro MX (Mail Exchange) de mi dominio [ACTUALIZADO]

En este enlace podremos encontrar un campo donde introducir un dominio y averiguar los registro MX del mismo.
El enlace pertenece a la ayuda de Google para utilizar Google Apps, asi que además podremos empezar a incursionar en ese tema para los que esten interesados.

Actualizado al 22/05/13
Gracias a Correo Mensajeria por su aporte!

3.2.11

Usar AJAX con JQuery

JQuery nos permite utilizar AJAX de una manera muy sencilla (como siempre), sin demasiadas lineas de código y simplificandonos la tarea de recordar la formulas para que funcione:

Código
                    $.ajax({
                        type: "GET",
                        url: "/inc/ajax.general.php",
                        data: parametros,
                        success: function(msg){
                           
                                if(msg) {
                                    $("#registros_muro").append(msg);
                                }                           
                            }                       
                    }); // fin del ajax


Validar formulario con JQuery

Ver este enlace