Jump to content

holasoycael

Members
  • Content count

    10
  • Joined

  • Last visited

Community Reputation

0 Comum

About holasoycael

  1. holasoycael

    ERRO em arquivo js deixa pagina lenta para carregar!!

    Eu trago a solução!! Depois de pesquisar em sites em inglês sobre o assunto. Os erros foram corridos. antigamente demorava em alguns mobile quase 1min dependendo para carregar a página. Na foto abaixo diz que há um problema nas linhas 4, 55, 65 do arquivo JS (active.style.roh.js) no site em inglês diz " A solução para corrigir o Uncaught TypeError: Cannot read property 'indexOf' of undefined Existe uma correção realmente simples para esse erro de JS! Tudo o que você precisa fazer é verificar se essa variável está definida e, em caso afirmativo, executar o código. Portanto, o código ficará assim: if (myVar) { if(myVar.indexOf("something_here")<0) { a lot of code here... } } Aponta o site: https://www.zeninvader.com/fix-indexof-undefined/ Para solucionar o problema com o javascript fiz a minima alteração. function setActiveStyleSheet(title) { var i, a, main; for(i=0; (a = document.getElementsByTagName("link")[i]); i++) { if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) { a.disabled = true; if(a.getAttribute("title") == title) a.disabled = false; } } } function getActiveStyleSheet() { var i, a; for(i=0; (a = document.getElementsByTagName("link")[i]); i++) { if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title") && !a.disabled) return a.getAttribute("title"); } return null; } function getPreferredStyleSheet() { var i, a; for(i=0; (a = document.getElementsByTagName("link")[i]); i++) { if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("rel").indexOf("alt") == -1 && a.getAttribute("title") ) return a.getAttribute("title"); } return null; } function createCookie(name,value,days) { if (days) { var date = new Date(); date.setTime(date.getTime()+(days*24*60*60*1000)); var expires = "; expires="+date.toGMTString(); } else expires = ""; document.cookie = name+"="+value+expires+"; path=/"; } function readCookie(name) { var nameEQ = name + "="; var ca = document.cookie.split(';'); for(var i=0;i < ca.length;i++) { var c = ca[i]; while (c.charAt(0)==' ') c = c.substring(1,c.length); if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length); } return null; window.onload = function(e) { var cookie = readCookie("style"); var title = cookie ? cookie : getPreferredStyleSheet(); setActiveStyleSheet(title); } window.onunload = function(e) { var title = getActiveStyleSheet(); createCookie("style", title, 365); } var cookie = readCookie("style"); var title = cookie ? cookie : getPreferredStyleSheet(); setActiveStyleSheet(title); } A chave que se encontrava na linha 50 fechando function readCookie(name) { , alterei sua posição envolvendo todos abaixo deixando na linha 65(última linha) e solucionou meus problemas.
  2. holasoycael

    ERRO em arquivo js deixa pagina lenta para carregar!!

    Me ajudem por favor!!!
  3. Olá Galera, tenho um script no meu site que ele alterar a folha css. porém, está demorando muito para carregar a pagina e ao observar vi que há alguns erros que não entendi muito bem. function setActiveStyleSheet(title) { var i, a, main; for(i=0; (a = document.getElementsByTagName("link")[i]); i++) { if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) { a.disabled = true; if(a.getAttribute("title") == title) a.disabled = false; } } } function getActiveStyleSheet() { var i, a; for(i=0; (a = document.getElementsByTagName("link")[i]); i++) { if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title") && !a.disabled) return a.getAttribute("title"); } return null; } function getPreferredStyleSheet() { var i, a; for(i=0; (a = document.getElementsByTagName("link")[i]); i++) { if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("rel").indexOf("alt") == -1 && a.getAttribute("title") ) return a.getAttribute("title"); } return null; } function createCookie(name,value,days) { if (days) { var date = new Date(); date.setTime(date.getTime()+(days*24*60*60*1000)); var expires = "; expires="+date.toGMTString(); } else expires = ""; document.cookie = name+"="+value+expires+"; path=/"; } function readCookie(name) { var nameEQ = name + "="; var ca = document.cookie.split(';'); for(var i=0;i < ca.length;i++) { var c = ca[i]; while (c.charAt(0)==' ') c = c.substring(1,c.length); if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length); } return null; } window.onload = function(e) { var cookie = readCookie("style"); var title = cookie ? cookie : getPreferredStyleSheet(); setActiveStyleSheet(title); } window.onunload = function(e) { var title = getActiveStyleSheet(); createCookie("style", title, 365); } var cookie = readCookie("style"); var title = cookie ? cookie : getPreferredStyleSheet(); setActiveStyleSheet(title); Este é o aqui jascript que esta dando erro na página. HTML apresentado na página: <!-- // CSS STYLE --> <link href="https://holasoycael.github.io/style.roh.css" rel="stylesheet" type="text/css"/> <link href="https://holasoycael.github.io/style.en.roh.css" media="all" rel="stylesheet" title="default" type="text/css"/> <link href="https://holasoycael.github.io/style.pt.roh.css" media="all" rel="stylesheet" title="pt" type="text/css"/> <link href="https://holasoycael.github.io/style.es.roh.css" media="all" rel="stylesheet" title="es" type="text/css"/> <!-- // URL SELECT CSS STYLE --> <a href="javascript:void(0);" onclick="setActiveStyleSheet('default'); return false;"><strong>English</strong></a> <a href="javascript:void(0);" onclick="setActiveStyleSheet('es'); return false;"><strong>Español</strong></a> <a href="javascript:void(0);" onclick="setActiveStyleSheet('pt'); return false;"><strong>Português</strong></a> Me ajude por favor!
  4. Olá Galera, tenho um script no meu site que ele alterar a folha css. porém, está demorando muito para carregar a pagina e ao observar vi que há alguns erros que não entendi muito bem. function setActiveStyleSheet(title) { var i, a, main; for(i=0; (a = document.getElementsByTagName("link")[i]); i++) { if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) { a.disabled = true; if(a.getAttribute("title") == title) a.disabled = false; } } } function getActiveStyleSheet() { var i, a; for(i=0; (a = document.getElementsByTagName("link")[i]); i++) { if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title") && !a.disabled) return a.getAttribute("title"); } return null; } function getPreferredStyleSheet() { var i, a; for(i=0; (a = document.getElementsByTagName("link")[i]); i++) { if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("rel").indexOf("alt") == -1 && a.getAttribute("title") ) return a.getAttribute("title"); } return null; } function createCookie(name,value,days) { if (days) { var date = new Date(); date.setTime(date.getTime()+(days*24*60*60*1000)); var expires = "; expires="+date.toGMTString(); } else expires = ""; document.cookie = name+"="+value+expires+"; path=/"; } function readCookie(name) { var nameEQ = name + "="; var ca = document.cookie.split(';'); for(var i=0;i < ca.length;i++) { var c = ca[i]; while (c.charAt(0)==' ') c = c.substring(1,c.length); if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length); } return null; } window.onload = function(e) { var cookie = readCookie("style"); var title = cookie ? cookie : getPreferredStyleSheet(); setActiveStyleSheet(title); } window.onunload = function(e) { var title = getActiveStyleSheet(); createCookie("style", title, 365); } var cookie = readCookie("style"); var title = cookie ? cookie : getPreferredStyleSheet(); setActiveStyleSheet(title); Este é o aqui jascript que esta dando erro na página. HTML apresentado na página: <!-- // CSS STYLE --> <link href="https://holasoycael.github.io/style.roh.css" rel="stylesheet" type="text/css"/> <link href="https://holasoycael.github.io/style.en.roh.css" media="all" rel="stylesheet" title="default" type="text/css"/> <link href="https://holasoycael.github.io/style.pt.roh.css" media="all" rel="stylesheet" title="pt" type="text/css"/> <link href="https://holasoycael.github.io/style.es.roh.css" media="all" rel="stylesheet" title="es" type="text/css"/> <!-- // URL SELECT CSS STYLE --> <a href="javascript:void(0);" onclick="setActiveStyleSheet('default'); return false;"><strong>English</strong></a> <a href="javascript:void(0);" onclick="setActiveStyleSheet('es'); return false;"><strong>Español</strong></a> <a href="javascript:void(0);" onclick="setActiveStyleSheet('pt'); return false;"><strong>Português</strong></a> Me ajude por favor!
  5. holasoycael

    Remover target de slider css3

    Obrigado omar! Eu tive de ultilizar javascript para desenvolver o desejado... o apresentado é puro css... mais Muuito obrigado pela atenção! 10 para ti!
  6. holasoycael

    Remover target de slider css3

    Oi Pessoal! Eu estou ultilizando um slide desenvolvido com css3. Vim pedir ajudar aos universitarios. Precisso personaliar este slide removendo a target e mantendo o efeito. TARGET: É natural pelo codigo css ao selecionar a tela no menu ele busque a target. É possivel buscar a targert sem aparecer na barra URL? <!DOCTYPE html> <html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"><!-- HTML 4 --> <meta charset="utf-8"/><!-- HTML5 --> <style type="text/css"> *{margin:0;outline:0;padding:0;text-align:left;list-style:none;border:none;vertical-align:baseline;outline:none;} /* *Styling */ html,body { width: 100%; height: 100%; position: relative; } body { overflow: hidden; } header { background: #fff; position: fixed; left: 0; top: 0; width:100%; height: 3.5rem; z-index: 10; } nav { width: 100%; padding-top: 0.5rem; } nav ul { list-style: none; width: inherit; margin: 0; } ul li:nth-child( 3n + 1), #main .panel:nth-child( 3n + 1) { background: rgb( 0, 180, 255 ); } ul li:nth-child( 3n + 2), #main .panel:nth-child( 3n + 2) { background: rgb( 255, 65, 180 ); } ul li:nth-child( 3n + 3), #main .panel:nth-child( 3n + 3) { background: rgb( 0, 255, 180 ); } ul li { display: inline-block; margin: 0 8px; margin: 0 0.5rem; padding: 5px 8px; padding: 0.3rem 0.5rem; border-radius: 2px; line-height: 1.5; } ul li a { color: #fff; text-decoration: none; } .panel { width: 100%; height: 500px; z-index:0; -webkit-transform: translateZ( 0 ); transform: translateZ( 0 ); -webkit-transition: -webkit-transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .panel h1 { font-family: sans-serif; font-size: 64px; font-size: 4rem; color: #fff; position:relative; line-height: 200px; top: 33%; text-align: center; margin: 0; } /* *Scrolling */ a[ id= "tela1" ]:target ~ #main article.panel { -webkit-transform: translateY( 0px); transform: translateY( 0px ); } a[ id= "tela2" ]:target ~ #main article.panel { -webkit-transform: translateY( -500px ); transform: translateY( -500px ); } a[ id= "tela3" ]:target ~ #main article.panel { -webkit-transform: translateY( -1000px ); transform: translateY( -1000px ); } </style> </head> <body> <a id="tela1"></a> <a id="tela2"></a> <a id="tela3"></a> <header class="nav"> <nav> <ul> <li><a href="#tela1">Tela 1</a></li> <li><a href="#tela2">Tela 2</a></li> <li><a href="#tela3">Tela 3</a></li> </ul> </nav> </header> <section id="main"> <article class="panel" id="tela1"> <h1> Conteúdo 1</h1> </article> <article class="panel" id="tela2"> <h1> Conteúdo 2</h1> </article> <article class="panel" id="tela3"> <h1> Conteúdo 3</h1> </article> </section> </body> </html> DEMO: http://jsfiddle.net/ivanferrer/en0m7yk1/
  7. holasoycael

    Chamar função em jQuery

    Olá Galera, preciso de uma ajuda! eu tenho um javascript que e precissso chamar a função para criar o valor, mas isso em jquery. Exemplo em Javascript: <!DOCTYPE html> <html dir="ltr" lang="pt-BR"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"><!-- HTML 4 --> <meta charset="utf-8"/><!-- HTML5 --> <script type='text/javascript'> //<![CDATA[ function identityComment(cmmIMG){ var div = document.getElementById(cmmIMG); var imgtag = ""; var img = div.getElementsByTagName("img"); if(img.length>=0) { imgtag = '<div class="avatar-image-container avatar-stock" id="identity'+cmmIMG+'"></div>'; } var summary = imgtag + ''; div.innerHTML = summary; } //]]> </head> <body> <script type='text/javascript'>identityComment("c42456624325326524");</script> <script type='text/javascript'>identityComment("c1099473137990772010");</script> <script type='text/javascript'>identityComment("c6094377602730701704");</script> <script type='text/javascript'>identityComment("c1099473137990772010");</script> </body> </html> Com javascript podemos criar funões indentityComment e o valor gerado em identityComment("c1010101010101"); eu posso chamar de cmmIMG e deixar meu javascript mas flexível. OK! mas como chamar uma funão assim em jQuery e colocar valores como o cmmIMG? fiz algumas tentaturivas e busca mas, não encontrei nada. Agradeço qualquer ajuda!
  8. holasoycael

    JavaScript e SSL para HTTPS

    Eu tenho um Blogger. Comprei um domínio personalizado. O domínio está ativo e configurado. Entretanto, a verificação do SSL para o meu domínio está demorando mais que o normal. O ponto é que quando desativo o domínio personalizado, o JavaScript funciona perfeitamente. Toda estrutura de menu, e postagens desenvolvi com script para deixar algo mais leve ao usuário. E quando o domínio está ativo, nenhum JavaScript funciona na pagina. É como se a biblioteca não existisse. Podem me ajudar? (me perdoe se não coloquei na categoria exata, seria 3 coisas em conflito e este foi o mais relevante com a descrição).
  9. Estou tentando inserir um frameset via javascript, MAAASS..... não funciona quando coloco na body... ja usei diversos metodos javascript... function pageFull(ulr){ jQuery('body').html('<frameset cols="45px,100%"><frame src="frame_a.htm"><frame src="'+ulr+'"></frameset>') } meu javascript busca uma function que esta dentro da body... tenho tentado fazer que le pegue esse valor da body que esta no ulr e substituir a body pelo frameset. jQuery('html') quando uso jQuery('html') ao contrario de jQuery('body') funciona! MAASS!! Eis que as tags do head tbm são eliminadas e não gostaria que isso acontecesse. Esse javascript uso por conta de uma pagina especial... digamos assim.
  10. - Olá Galera estou tentando a dias corrigir um javascript que tem a função de resumir texto... enfim ele chama o texto e remove 3 caracteres(sempre os ultimos) como padrão e adiciona tres pontinhos (...) Más eu me incomodo as vezes com palavras incompletas, acredito que poderia ser melhor e gostaria que ele chamase o texto e removese um palavra e agregase os tres pontinhos (...) más as vezes tbm não precissa dos pontinhos pois o texto é pequeno... com poucos caractesres/palavras <!DOCTYPE HTML> <html lang="pt-BR"> <head> <meta charset="UTF-8"/> <script type='text/javascript'> //<![CDATA[ function removeHtmlTag(strx,chop){ if(strx.indexOf("<")!=-1) { var s = strx.split("<"); for(var i=0;i<s.length;i++){ if(s[i].indexOf(">")!=-1){ s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length); } } strx = s.join(""); } chop = (chop < strx.length-1) ? chop : strx.length-2; while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++; strx = strx.substring(0,chop-1); return strx+'...'; } function createSummaryAndThumb(summ){ imgtag = '<b>Sinopse: </b>' + removeHtmlTag(summ) + '</p></div></div>'; document.write(imgtag); } //]]> </script> </head> <body> <script Language="JavaScript">createSummaryAndThumb('<div class="separator" style="clear: both; text-align: center;"><a href=".../wp-content/uploads/2011/06/importancia-da-palavra-chave.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src=".../wp-content/uploads/2011/06/importancia-da-palavra-chave.jpg" /></a>A grande briga na blogosfera hoje em dia é a busca por tráfego e tudo o que vier a ajudar a trazer mais visitantes para o meu e o seu blog e bem vindo, andando pela internet achei um post muito legal no blog Noticia e Blog que falava sobre isso, e isso após algum tempo pode aumentar seu tráfego e melhorar o seu pagerank (Classificação de blogs e sites usada pelo google).</div>');</script> </html> Bom, o que esta em verde retira o 1 caractere que seria o ponto(.) e em verde remover outros dois caracteres para adicionar os potos e dar "sentido de resumir textos".
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.