Category: JQuery

La API de jQuery especifica que la obtencion de propiedades CSS puede no funcionar en todos los navegadores si no utilizamos el nombre en detalle que queremos obtener. Es decir, si queremos obtener el padding de un elemento y escribimos: $(myElement).css("padding"); Es probable que en Chrome funcione pero en IE nos devuelva un string vacío. […]
Podemos ejecutar funciones JS al final de la carga de la página por medio de JQuery. No obstante, en SharePoint esto no siempre funciona: $(document).ready(function(){ //My code }); Esto ocurre porque aveces el document ya está cargado pero SharePoint todavía sigue cargando elementos. Para evitarlo, podemos insertar nuestra funcion en la lista de funciones que […]
Sirve, por ejemplo, para cuando queremos probar nuestro código javascript en JQuery pero la página no tiene la librería cargada. Ejecutamos este código primero en la consola del navegador y la cargará: (function(){ var newscript = document.createElement('script'); newscript.type = 'text/javascript'; newscript.async = true; newscript.src = 'https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js'; (document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(newscript); })();
In order to disable the ENTER key in your textbox type input, you have to add the ‘onkeydown’ attribute and call a javascript function that checks the key and avoid to submit the form when you press ENTER key. Input example <input name="myName" type="text" value="Search" onclick="eraseInitialText(this);" onkeydown="disableEnter();"> Javascript function function disableEnter() { var key = […]
You can add new div inside your web page by jquery always you want. You’ve to add the following code in your javascript function: $("#myExistentDiv").append("<div id='MyNewDiv'>This is my dynamic DIV</div>"); In this case, you’re adding the div “MyNewDiv” inside your div with ID “myExistentDiv”, just at the end of it. You can read more in […]
You can remove any href that contains specific text inside the link. If you want to remove the link to any page that contains “DispForm” you can do it like this: $('a[href*="DispForm"]').removeAttr("href"); ‘*=’ means ‘Contains’, but you can use anything you need: *= Contains = Equal != Not equal ^= Starts With $= Ends With
We want to hide “Level1” div that contains inside any “Level3” div in this code: <div class="level1"> Level 1A <div class="level2"> Level 2A <div class="level3"> Level 3A </div> </div> </div> <div class="level1"> Level1B <div class="level2"> Level2B </div> </div> We can do it by JQuery, once the page is loaded, that way: <script type="text/javascript"> $(document).ready(function(){ hideLevelOne(); […]