felipesagan

O problema da internet é que não existe tom de voz,achei q fosse sarcasmo,my apologies.Mas esse tópico criei ontem,o outro eu criei dia 5.Eu sintetizei ontem porque era muita informação

Pra ajudar não posta nada,mas para isso perde tempo escrevendo.Evidente que não acho melhor,pois se eu fosse ajudado antes não perderia uma semana nisso.Não sei se você reparou mas deixei bem claro que o tópico já foi resolvido.Não precisa acrescentar mais nada!Ou a carapuça seviu quanto ao termo sanguessuga?Hahaha ;) ;) ;) ;) ;)

Olá vi esse código de um rapaz que resolveu conflitos de versões diferentes de bibliotecas Jquery: <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'></script> <script src="js/jquery.localscroll-min.js" type="text/javascript"></script> <script src="js/jquery.scrollTo-min.js" type="text/javascript"></script> <script type="text/javascript"> var xyz = jQuery.noConflict(); xyz(document).ready(function () { xyz.localScroll.defaults.axis = 'x'; xyz.localScroll(); }); </script> <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> <script src="js/jquery.mousewheel.min.js"></script> <script> $(document).ready(function() { $('html, body, *').mousewheel(function(e, delta) { this.scrollLeft -= (delta * 3); e.preventDefault(); }); }); </script> Sou leigo,tentei fazer igual e não consegui,se alguém conseguir rearranjar o seguinte código para que não haja conflitos eu agradeço: <script type="text/javascript"> //<![CDATA[ try{if (!window.CloudFlare) {var CloudFlare=[{verbose:0,p:0,byc:0,owlid:"cf",bag2:1,mirage2:0,oracle:0,paths:{cloudflare:"/cdn-cgi/nexp/dokv=88e434a982/"},atok:"f5fb8224532984ed0f1005b950b17009",petok:"6f643c0af7a447ada34e3ff042d88c71e22c41ba-1405698707-1800",zone:"buildinternet.com",rocket:"0",apps:{"ga_key":{"ua":"UA-6444047-1","ga_bs":"2"}}}];!function(a,b){a=document.createElement("script"),b=document.getElementsByTagName("script")[0],a.async=!0,a.src="//ajax.cloudflare.com/cdn-cgi/nexp/dokv=97fb4d042e/cloudflare.min.js",b.parentNode.insertBefore(a,b)}()}}catch(e){}; //]]> </script> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.1.10.2.min.js"></script> <script type="text/javascript" src="js/jquery.easing.min.js"></script> <script type="text/javascript" src="js/supersized.3.2.6.min.js"></script> <script type="text/javascript" src="theme/supersized.shutter.min.js"></script> <script type="text/javascript"> jQuery(function($){ $.supersized({ // Functionality slideshow : 1, // Slideshow on/off autoplay : 1, // Slideshow starts playing automatically start_slide : 1, // Start slide (0 is random) stop_loop : 0, // Pauses slideshow on last slide random : 0, // Randomize slide order (Ignores start slide) slide_interval : 2400, // Length between transitions transition : 1, // 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left transition_speed : 600, // Speed of transition new_window : 1, // Image links open in new window/tab pause_hover : 0, // Pause slideshow on hover keyboard_nav : 1, // Keyboard navigation on/off performance : 1, // 0-Normal, 1-Hybrid speed/quality, 2-Optimizes image quality, 3-Optimizes transition speed // (Only works for Firefox/IE, not Webkit) image_protect : 1, // Disables image dragging and right click with Javascript // Size & Position min_width : 0, // Min width allowed (in pixels) min_height : 0, // Min height allowed (in pixels) vertical_center : 1, // Vertically center background horizontal_center : 1, // Horizontally center background fit_always : 0, // Image will never exceed browser width or height (Ignores min. dimensions) fit_portrait : 1, // Portrait images will not exceed browser height fit_landscape : 0, // Landscape images will not exceed browser width // Components slide_links : 'blank', // Individual links for each slide (Options: false, 'number', 'name', 'blank') thumb_links : 1, // Individual thumb links for each slide thumbnail_navigation : 0, // Thumbnail navigation slides : [ // Slideshow Images {image : src="img/1.jpg", thumb : src="img/m1.jpg"}, {image : src="img/2.jpg", thumb : src="img/m2.jpg"}, {image : src="img/3.jpg", thumb : src="img/m3.jpg"}, {image : src="img/4.jpg", thumb : src="img/m4.jpg"}, {image : src="img/5.jpg", thumb : src="img/m5.jpg"}, {image : src="img/6.jpg",thumb : src="img/m6.jpg"}, {image : src="img/7.jpg",thumb : src="img/m7.jpg"}, {image : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/shaden-2.jpg',thumb : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/thumbs/shaden-2.jpg', url : 'http://www.nonsensesociety.com/2011/06/brooke-shaden/'}, {image : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/shaden-3.jpg', thumb : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/thumbs/shaden-3.jpg', url : 'http://www.nonsensesociety.com/2011/06/brooke-shaden/'} ], // Theme Options progress_bar : 1, // Timer for each slide mouse_scrub : 0 }); }); </script> </head> <body style="background-image: url(images/pattern.png), url(images/5.jpg);"> <script type="text/javascript" src="js/mousestop.js"></script> <script type="text/javascript"> $(window) .mousestop(function() { document.getElementById('supersized').style.zIndex=100000; }) .mousemove(function() {document.getElementById('supersized').style.zIndex=-999; }) .mouseout(function() { document.getElementById('supersized').style.zIndex=100000; }); $(window).mousestop().trigger('mousestop'); </script> </body> <script type="text/javascript">/* CloudFlare analytics upgrade */ </script> </html> Deixei somente os scripts do meu codigo a versao jquery 1,10,2 esta associada a mousestop.js e a parte de $(window).mousestop..... a versão jquery 1.6.1 esta associada a jquery.easing....,supersized3.2.6...,e a supersized,shutter,.. e a $.supersized(que é a parte grande de scripts)

-------------Tópico Resolvido-------------------- Apesar de não saber javascript consegui resolver.Os arquivos necessários(jquery.1.10.2.min.js e mousestop.js) estão nesse link:https://codeload.github.com/websanova/mousestop/zip/master Lembrando que o plugin mousestop.js é muito bom e pode-se usar várias funções em cada evento,No meu caso resolvi mudar o z-index do meu background.No lugar de document.getElementById('supersized').style.zIndex=xxxxx; você pode colocar qualquer função! Para os desavisados o que acontece é que quando eu tiro o mouse do viewport o background expande-se,quando mexe-se o mouse dentro do viewport o background volta ao normal ,e quando o mouse está parado dentro do viewport o background também expande-se..É possivel mudar o tempo de algo acontecer entre o mouse estar parado ou movendo,basta modificar no arquivo mousestop.js. Ademais no meu código retirei a parte do mouseover,pois como eu havia dito no meu post-pergunta existia um erro de lógica e consegui identificar depois de uma semana .É possivel mudar o tempo de algo acontecer entre o mouse estar parado ou movendo,basta modificar no arquivo mousestop.js. O que acontece é que mousemove e mousestop só é executado se acontecer mouseover.E configurar mouseover e mousestop e mousemove não faz sentido nenhum.Então para o meu caso só importava mousemove,mousestop e mouseout.Se eu escrever alguma abobóra me corrijam,mas aqui funcionou legal e achei interessante.Abraços. ------------------------Dentro da Tag Head-------------------- <script type="text/javascript" src="js/jquery.1.10.2.min.js"></script> ---------------------Dentro da Tag Body----------------------- <script type="text/javascript" src="js/mousestop.js"></script> <script type="text/javascript"> $(window) .mousestop(function() { document.getElementById('supersized').style.zIndex=100000; }) .mousemove(function() {document.getElementById('supersized').style.zIndex=-999; }) .mouseout(function() { document.getElementById('supersized').style.zIndex=100000; }); $('#window').mousestop().trigger('mousestop'); </script>

-------------Tópico Resolvido-------------------- Acho que consegui,mesmo sem saber javascript.Os arquivos necessários(jquery.1.10.2.min.js e mousestop.js) estão nesse link:https://codeload.github.com/websanova/mousestop/zip/master Lembrando que o plugin mousestop.js é muito bom e pode-se usar várias funções em cada evento,No meu caso resolvi mudar o z-index do meu background.No lugar de document.getElementById('supersized').style.zIndex=xxxxx; você pode colocar qualquer função! Para os desavisados o que acontece é que quando eu tiro o mouse do viewport o background expande-se,quando mexe-se o mouse dentro do viewport o background volta ao normal ,e quando o mouse está parado dentro do viewport o background também expande-se..É possivel mudar o tempo de algo acontecer entre o mouse estar parado ou movendo,basta modificar no arquivo mousestop.js. Ademais no meu código retirei a parte do mouseover,pois como eu havia dito no meu post-pergunta existia um erro de lógica e consegui identificar depois de uma semana .É possivel mudar o tempo de algo acontecer entre o mouse estar parado ou movendo,basta modificar no arquivo mousestop.js. O que acontece é que mousemove e mousestop só é executado se acontecer mouseover.E configurar mouseover e mousestop e mousemove não faz sentido nenhum.Então para o meu caso só importava mousemove,mousestop e mouseout.Se eu escrever alguma abobóra me corrijam,mas aqui funcionou legal e achei interessante.Abraços. ------------------------Dentro da Tag Head-------------------- <script type="text/javascript" src="js/jquery.1.10.2.min.js"></script> ---------------------Dentro da Tag Body----------------------- <script type="text/javascript" src="js/mousestop.js"></script> <script type="text/javascript"> $(window) .mousestop(function() { document.getElementById('supersized').style.zIndex=100000; }) .mousemove(function() {document.getElementById('supersized').style.zIndex=-999; }) .mouseout(function() { document.getElementById('supersized').style.zIndex=100000; }); $('#window').mousestop().trigger('mousestop'); </script>

Olá vou postar o link com download do plugin mousestop.js gostaria de saber se alguém consegue transformar a div teste default que no caso é a div #teste no viewport todo.Ou seja tudo que acontecia dentro da div teste irá acontecer dentro do viewport,as outras divs não me importam.Quando o usuário tirar o mouse do viewport,mouseout,se colocar dentro mouseover,se mexer no mouse, mousemove,se parar de mexer mousestop.Meu objetivo na verdade não é fazer aparecer mensagens na div output.Mas sim mudar o zindex do background.Meu objetivo na verdade é fazer a imagem de fundo ocupar o viewport todo quando o mouse fica parado ou quando sai do viewport.Mas o site sempre carrega normalmente,depois que muda-se o zindex dependendo do que acontece.Obrigado. Link :https://codeload.github.com/websanova/mousestop/zip/master

Olá estou tentando fazer um site para uma amiga,acontece que li um tutorial de css e outro de html.O problema é que terei pouco tempo pra fazer o site pra ela,então não vou conseguir ler com calma o tutorial de javascript e principalmente da parte do Jquery. Consegui editar alguns códigos em jquery,mas fiquei muito limitado.Por enquanto é só pra quebrar o galho.Me corrijam nos termos que eu utilizar,pois ainda sou leigo.Vou postar os códigos que usei,e infelizmente nessa etapa vocês só me ajudariam me dando um código pronto,pois termos técnicos ainda não conheço. ----Mouse In,Mouse Out---- No meu site optei por deixar o viewport todo ocupado com a imagem do background quando o usuario coloca o mouse fora do viewport e caso ele volte o mouse para o viewport os menus voltem..Isso consegui fazer editando um código da internet em jquery e mudando o zindex. ----Mousemove,mousestop---- Outra função que consegui fazer foi fazer com que a imagem de fundo ocupe o viewport todo quando o usuário deixa de mexer o mouse por um tempo,e no momento que ele volta a mexer o site volta ao normal com os menus. ----Erro--- O erro aconteceu quando eu fui tentar as duas funções,pois uma conflita com a outra em termos de lógica. ----Como o site deveria funcionar?--- Hipótese 1 ,sequencia: 1)Se eu carregar o site com o mouse fora do viewport o site deve apresentar os menus normalmente,e depois de um tempo de inatividade do mouse a imagem de fundo ocupa toda a tela.Caso o usuario mexa no mouse fora do viewport nada acontece(i.e continua sem os menus aparecendo) 1.1)Caso o usuario coloque o mouse dentro do viewport os menus reaparecem e novamente a inatividade do mouse faz os menus sumirem. 1.2)Se o usuário colocar o mouse fora do viewport o background ocupa toda a tela,e mesmo que ele mexa o mouse na parte de fora do viewport nada acontece(i.e continua sem os menus aparecendo) Hipotése 2,sequencia: 2)Se eu carregar o site com o mouse dentro do viewport,independente se o mouse está parado ou mexendo os menus aparecem normalmente,apenas depois de um tempo de inatividade do mouse é que os menus desaparecem.A partir daqui o funcionamento é o mesmo dos itens 1.1 e 1.2. Obs:Quis dizer que o site sempre carrega normalmente independente do mouse estar dentro ou fora do viewport,a partir dai que a coisa muda de figura.Sei que deverei usar um contador,mas não faco ideia como.Lembrando que ao carregar o site,carregas-se primeiro o css do elemento supersized,que garante que o background inicie com os menus.Pois o supersized.css configura o zindex inicial do elemento 'supersized' como baixo perto dos outros elementos. ----Código Mouse In,Mouse out------------ <script type="text/javascript"> var mouseX = 0; var mouseY = 0; var counter = 0; var mouseIsIn = true; function wireEvent() { window.addEventListener("mouseout", function(e){ mouseX = e.pageX; mouseY = e.pageY; if ((mouseY >= 0 && mouseY <= window.innerHeight) && (mouseX >= 0 && mouseX <= window.innerWidth)) return; //do something for mouse out mouseIsIn = false; document.getElementById('supersized').style.zIndex=100000; }, false); window.addEventListener("mouseover", function(e){ if(mouseIsIn) return; //do something for mouse over mouseIsIn = true; document.getElementById('supersized').style.zIndex=-999; }, false);} </script> ------Código mousemove,mousestop------------ <script type="text/javascript"> var stopMove = { event: null, interval: null, coords: { y: 0, x: 0}, stopped: true, init: function(options) { var self = this; $(document).mousemove(function(e){ self.event=e; if (self.coords.y == e.pageY && self.coords.x == e.pageX) { self.stopped = true; return; } self.stopped=false; self.coords.y = e.pageY; self.coords.x = e.pageX; }); this.interval = setInterval(function(){ return self.stopped ? options.stop(self.event) : options.move(self.event); }, options.duration); return this; }, stop: function(){ $(document).unbind("mousemove", this.event) clearInterval(this.interval); }, }; // function to pass var onMove = function(event){ document.getElementById('supersized').style.zIndex=-999; }; var onStop = function(event){ document.getElementById('supersized').style.zIndex=100000; }; $(document).ready(function(){stopMove.init({ move: onMove, stop: onStop, duration: 100 }); }); </script> A lógica da ordem dos eventos que estou fazendo está completamente errada,gostaria de saber se alguém poderia me ajudar.Caso esteja muito confuso explico de uma maneira mais visual através de imagens.Obrigado No caso do mousestop/mousemove percebe-se que para que o usuário coloque o mouse fora do viewport ele precisará mover o mesmo.E a partir do momento que ele tira o mouse fora do viewport nada mais acontece,apenas permanece o ultimo estado que é o do mousemove. Se estiver muito confuso,já sabem faço umas imagens explicativas,obrigado! ----OBS:Um problema que está acontecendo é que o mousestop só funciona quando clicamos com o mouse----