Categorias AlbertSuarez.com

jquery

• 2015, jquery

  Recargar Iframe con jquery

  06.23.15 | Permalink | Comentarios desactivados en Recargar Iframe con jquery

  //RECARGAR IFRAME, ID O CLASE
  $('#iframe')[0].contentWindow.location.reload(true);
   
  //RECARGAR TODOS LOS IFRAME 
  $('iframe').each(function() {
    this.contentWindow.location.reload(true);
  });
  
  //RECARGAR TODOS LOS IFRAME
  $('iframe').attr('src', $('iframe').attr('src'));

• 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();
          }

• 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();     
  });

• 2013, javascript, jquery

  Jquery – Validar año input con fecha

  09.10.13 | Permalink | Comentarios desactivados en Jquery – Validar año input con fecha

  $(function() {
      $('#validar').bind('click', function(){
          var txtVal =  $('#fecha').val();
          if(isDate(txtVal))
              alert('Valid Date');
          else
              alert('Invalid Date');
      });
   function isDate(fecha)
  {
      var currVal = fecha;
      var rxDatePattern = /^(\d{1,2})(\/|-)(\d{1,2})(\/|-)(\d{4})$/; 
      var dtArray = currVal.match(rxDatePattern); 
      
      if (dtArray == null) 
          return false;
      
      //Checks for mm/dd/yyyy format.
      dtMonth = dtArray[1];
      dtDay= dtArray[3];
      dtYear = dtArray[5];        
      
      if ( dtYear < 2005) 
          return false;
      
     
     
  }
  
  });

  <input type="text" id="fecha" /> mm/dd/yyyy
  <input type="button" value="Validar" id="validar"/>

  Ejemplo Funcionando aquí

• javascript, jquery

  Carga de imágenes con jquery

  07.30.13 | Permalink | Comentarios desactivados en Carga de imágenes con jquery

  

Albert Suarez | Webmaster