runMyCode()
2 participantes
Página 1 de 1
runMyCode()
Olá pessoal!
Este código que desenvolvi foi baseado no assunto deste tópico: http://jscript.forumeiros.com/t97-request-limit-exceeded
É dessa forma que meus códigos (a maioria) são executados e com isso diminui em uns 90% o request limit!
Aqui está a função que vai lhes auxiliar em acabar de vez o problema do Request limit exceeded!:
Exemplo:
Espero que gostem,
JS
Este código que desenvolvi foi baseado no assunto deste tópico: http://jscript.forumeiros.com/t97-request-limit-exceeded
É dessa forma que meus códigos (a maioria) são executados e com isso diminui em uns 90% o request limit!
Aqui está a função que vai lhes auxiliar em acabar de vez o problema do Request limit exceeded!:
- Código:
<script type="text/javascript">
//<![CDATA[
/***********************************************************************
* Only run your function if is visible in browser window (view port)!!!
* Version: 1.23 - 2013/08/23
* Made by: João Carlos (JScript Brasil at live dot com)
* More in: www.jscript.forumeiros.com
***********************************************************************/
/***
* Function.....: runMyCode(elem, funcName)
* Description..: Function to fire event for 'scroll' to run your code/function...
* params.......:
* elen = element (not class!)
* funcName = the name of your function!
* Return.......: Runs your function!
*/
function runMyCode(elem, funcName) {
jQuery(window).on('scroll.' + funcName, __runMyCode(document.getElementById(elem), funcName));
}
/* Function to check if an element is visible in view port */
function isInViewPort(elem) {
var rect = elem.getBoundingClientRect();
return (
rect.top >= 0 && rect.left >= 0 && rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && /*or $(window).height() */
rect.right <= (window.innerWidth || document.documentElement.clientWidth) /*or $(window).width() */ );
}
/* Your function only runs if is visible in view port!!! */
function __runMyCode(elem, funcName) {
return function() {
/* Chech if the element is visible in view port! */
if (isInViewPort(elem)) {
/* If visible, stop event!!! */
jQuery(window).off('scroll.' + funcName);
return funcName();
}
}
}
//]]>
</script>
Exemplo:
- Código:
<div id="example">
<span style="display: none;">Esta frase só irá aparecer quando o ID "example" estiver visível na tela!</span>
</div>
<script>
runMyCode("example", "MyFunction");
function MyFunction(){
$('#example').show();
}
</script>
Espero que gostem,
JS
Re: runMyCode()
Eu já tinha visto essa excelente idéia que teve aqui no fórum mesmo, e agora ficou bem fácil com essa função.
Só estava esperando criar um tópico sobre o assunto para eu poder agradecer.
Muito obrigado.
Só estava esperando criar um tópico sobre o assunto para eu poder agradecer.
Muito obrigado.
joelson0007- Moderadores
- Time Online : 28d 21h 58m 5s
Mensagens : 373
Data de inscrição : 15/06/2013
Localização : Guarapuava-PR
Re: runMyCode()
Olá!
Eu vou incluir mais parâmetros na função para personalizar ainda mais, ficando bem flexível!
JS
Eu vou incluir mais parâmetros na função para personalizar ainda mais, ficando bem flexível!
JS
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|