Archive

Archive for the ‘jQuery’ Category

Trigger select element (dropdown) in mobile browser, by clicking other element

May 19, 2014 Leave a comment

$("#click-this").click(function(){
    if(document.createEvent){
            var ele,evento;
		    evento= document.createEvent('MouseEvents');
		    evento.initMouseEvent(
				'mousedown',
				true,true,window,
                		0,0,0,0,0,
				false,false,false,false,
				0,null
			);
               
			ele = document.querySelector("#show-dropdown-elements");
            ele.dispatchEvent(evento);
        }
});
Advertisements

Problema con evento “scroll” de jquery en IE8

May 9, 2013 Leave a comment

Usando jQuery en IE8, tuve un problema cuando quería disparar el evento de “scroll” al top de la página, entonces me di cuenta que del error en IE8 con scroll y document:

$(document).scroll(); //no funciona
$(window).scroll(); //sí funciona.

Categories: Browsers, IE8, JavaScript, jQuery

Obtener valor(option) de elemento select al cambiar – jQuery

August 5, 2011 11 comments

HTML de ejemplo

 <select id="mySelect">
    <option value="1">option A</option>
    <option value="2">option B</option>
</select>
<br/>
<span id="iSelected">Hola</span>
 

jQuery para conseguir el option recien seleccionado:

 
$('#mySelect').change(function(){
    var $selectedOption = $(this).find('option:selected');
    var selectedLabel = $selectedOption.text();
    var selectedValue = $selectedOption.val();
    $('#iSelected').text(selectedValue + ' - ' + selectedLabel);
});

JsFiddle con el ejemplo

Scroll to the top of the page with jQuery

March 30, 2011 Leave a comment


$('html').scrollTop(0);

Si quieres hacerlo que se vea como animado puedes hacer:

$('html').animate({scrollTop:0}, 'slow');