Categorias AlbertSuarez.com

javascript

• javascript, Sin categoría

  Jquery opcion selected si la opción de valor es la misma.

  12.13.16 | Permalink | Comentarios desactivados en Jquery opcion selected si la opción de valor es la misma.

  $("#id  option[value='1']").attr('selected', 'selected');
  

   

• 2015, javascript, jquery

  Modal success AJAX

  04.19.15 | Permalink | Comentarios desactivados en Modal success AJAX

   $(document).on('click', '#modal', function(event){
                          $("#modal").modal('show');
                      });

• 2014, javascript, jquery, jqueryvalidate

  Jquery Validate – Mostrar div y hacer submit cuando no hay errores.

  12.10.14 | Permalink | Comentarios desactivados en Jquery Validate – Mostrar div y hacer submit cuando no hay errores.

   submitHandler: function (form) {
             $("#loading_div").css("display", "Block");
             form.submit();
          }

• desarrollo web, diseño web, javascript, Sin categoría

  Enlaces para ventana padre desde un iframe.

  06.26.14 | Permalink | Comentarios desactivados en Enlaces para ventana padre desde un iframe.

  En los enlaces puedes usar por ejemplo:

  <a href="{page_url}" target="_parent">

  También desde javascript por ejemplo:

  <script> window.top.location.href = "'.$GLOBALS['tpl_host'].'?auth=true";</script>';

• javascript, node

  Primero pasos con node.js

  10.28.13 | Permalink | Comentarios desactivados en Primero pasos con node.js

  
  A principios de mes Leticia me regalo un libro de node.js. Como describe muy bien la wikipedia: Node.js es un entorno de programación en la capa del servidor basado en el lenguaje de programación Javascript, con I/O de datos en una arquitectura orientada a eventos y basado en el motor Javascript V8. Vamos a ver como instalar; node.js, su gestor de paquetes npm y como cargar módulos.

  En la shell de ubuntu teclea:

  sudo apt-get install python g++ make
  sudo add-apt-repository ppa:chris-lea/node.js
  sudo apt-get update
  sudo apt-get install nodejs

  Una vez descargado para comprobar las versiones utiliza:

  node -v 
  npm -v 

  Una vez instalado node y su gestor vamos a ver como descargar un modulo.

  npm install [Nombre_Modulo]

  Ejemplo:

  alberto@alberto-K53U:~/Escritorio$ npm install underscore
  npm http GET https://registry.npmjs.org/underscore
  npm http 304 https://registry.npmjs.org/underscore
  underscore@1.5.2 node_modules/underscore
  alberto@alberto-K53U:~/Escritorio$

  Ahora vamos a ver como carga un módulo con node.js:

  var a = require('underscore');
  a.each([1, 2, 3], function(num){
  console.log("HELLO" + num); 
  });

• 2013, javascript, jquery, jqueryload

  variables post con jqueryload()

  10.17.13 | Permalink | 1 Comment

  Pasar las variables por el array $_POST es bastante fácil, si prestas atención se pueden utilizar los id de cada input para obtener la información del valor.La forma de colocar también es bastante sencilla, después de indicar el archivo y entre «{}» colocamos el nombre que tendrá en el array y su valor.

  <div class="form-actions">
  			<a id="guardar" class="btn btn-inverse"><div class="icon-plus"></div>'."\n".GUARDAR.'</a>
  			<a target="_blank" href="?p=ajax&d=visual_plantilla&id='.$objetodatos["0"]["id"].'" id="previsualiza" class="btn btn-inverse"><div class="icon-plus"></div>'."\n".PREVIO.'</a>
  			<div id="status"></div>
  	</div>
  	<div id="submitted"></div>	
  	
        <textarea id="archivo" class="ckeditor">'.$objetodatos["0"]["archivo"].'</textarea>
  
  	</form>';
  	

  	
  
  $("#guardar").live('click',function(event) {  
  
                        $("#ajaxcontent").load("index.php?p=ajax&d=guardar", {
                         
                          name: $("#name").val(), 
                          archivo:$("#archivo").val()  ,
                          id: $("#id").val()
                         });
                  
                  });
  

• 2013, alberto, javascript, jquery

  Jquery – Trabajando con clases y hijos.

  09.18.13 | Permalink | Comentarios desactivados en Jquery – Trabajando con clases y hijos.

  $('.item').hide(); 
  $('.divBox').hover(function() { 
      $(this).children('.item').show();     
  }, function() { 
      $(this).children('.item').hide(); 
  });

  <div class="divBox">
  Show Div1
  <div class="item">
  Div 1    
  </div>
  </div>
  <div class="divBox">
  Show Div 2
  <div class="item">
  Div 2 
  </div>
  </div>
  <div class="divBox">
  Show Div 3
  <div class="item">    
  Div 3
  </div>
  </div>
  

• 2013, desarrollo web, javascript, jquery

  Callback jqueryload()

  09.18.13 | Permalink | 1 Comment

  Una de las formas de cargar para que funciones las acciones que tengas y que al cargar con jquery load no te funcionen.

  function jq(){
   //// HOVER DIV INFO //////
   $('.link_datos').hide(); 
   $('.datos').hover(function() { 
  $(this).children('.link_datos').show();     
  }, function() { 
  $(this).children('.link_datos').hide(); 
   });
    /// HOVER DIV INFO ///////
  			}
  
  
  
  $("#consulta").load('index.php?p=all_reservas&borrar_sessiones=1', function(){
   jq();     
  });

Albert Suarez | Webmaster