Scripts para incrementar o seu site

Visualize os códigos no Editor On-Line. click aqui

BuscaPé, líder em comparação de preços na América Latina

scripts : insira um tradutor online em seu site

<iframe src="http://www.buscador.com.br/trad.php" name="Tradutor" width="270" marginwidth="1" height="440" marginheight="1" align="center" scrolling="auto" frameborder="1"></iframe><br>

scripts : clique em e-mail para testar  e-mail

<a class=linkverm href="mailto:seu_e-mail@cranik.com?subject=sua_mensagem">e-mail</a> Com esse script ao clicar em e-mail será direcionado para o programa de envio de e-mail (Ex.: Outlook Express), e em assunto estará escrito sua mensagem.

<a href='javascript:;' onClick='window.print();return false'> link para imprimir a página atual

scripts :   Clique no botão ao lado para testar

<input type="button" value="mensagem" onClick="alert(value)"> O código acima gera um botão que ao ser clicado apresenta uma mensagem

scripts : Exibe a data da última atualização de um documento.

<script>document.write(document.lastModified);</script>

scripts : Calendário que destaca o dia atual com hora

<SCRIPT LANGUAGE="JavaScript"> <!-- setCal() function getTime() { // inicialização do relógio var now = new Date() var hour = now.getHours() var minute = now.getMinutes() now = null var ampm = "" // valor das horas em AM e PM if (hour >= 12) { hour -= 12 ampm = "PM" } else ampm = "AM" hour = (hour == 0) ? 12 : hour if (minute < 10) minute = "0" + minute return hour + ":" + minute + " " + ampm } function leapYear(year) { if (year % 4 == 0) return true } function getDays(month, year) { var ar = new Array(12) ar[0] = 31 // Janeiro ar[1] = (leapYear(year)) ? 29 : 28 // Fevereiro ar[2] = 31 // Março ar[3] = 30 // Abril ar[4] = 31 // Maio ar[5] = 30 // Junho ar[6] = 31 // Julho ar[7] = 31 // Agosto ar[8] = 30 // Setembro ar[9] = 31 // Outubro ar[10] = 30 // Novembro ar[11] = 31 // Dezembro return ar[month] } function getMonthName(month) { var ar = new Array(12) ar[0] = "Janeiro" ar[1] = "Fevereiro" ar[2] = "Março" ar[3] = "Abril" ar[4] = "Maio" ar[5] = "Junho" ar[6] = "Julho" ar[7] = "Agosto" ar[8] = "Setembro" ar[9] = "Outubro" ar[10] = "Novembro" ar[11] = "Dezembro" return ar[month] } function setCal() { var now = new Date() var year = now.getYear() var month = now.getMonth() var monthName = getMonthName(month) var date = now.getDate() now = null var firstDayInstance = new Date(year, month, 1) var firstDay = firstDayInstance.getDay() firstDayInstance = null var days = getDays(month, year) if (year <= 99) { drawCal(firstDay + 1, days, date, monthName, 1900 + year) } else { drawCal(firstDay + 1, days, date, monthName, year) } } function drawCal(firstDay, lastDate, date, monthName, year) { var headerHeight = 0 var border = 0 var cellspacing = 1 var headerColor = "#1e90ff" var headerSize = "2" var colWidth = 0 var dayCellHeight = 0 var dayColor = "#3366cc" var cellHeight = 0 var todayCellColor = "#ffffff" var todayColor = "#3366cc" var timeColor = "#1e90ff" var text = "" text += '<CENTER>' text += '<TABLE BORDER=' + border + ' CELLSPACING=' + cellspacing + '>' text += '<TH COLSPAN=7 HEIGHT=' + headerHeight + '>' text += '<FONT COLOR="' + headerColor + '" SIZE=' + headerSize + '>' text += monthName + ' ' + year text += '</FONT>' text += '</TH>' var openCol = '<TD WIDTH=' + colWidth + ' HEIGHT=' + dayCellHeight + ' BGCOLOR="#f8f8f8">' openCol += '<FONT SIZE="2' + dayColor + '">' var closeCol = '</FONT></TD>' var weekDay = new Array(7) weekDay[0] = "Dom" weekDay[1] = "Seg" weekDay[2] = "Ter" weekDay[3] = "Qua" weekDay[4] = "Qui" weekDay[5] = "Sex" weekDay[6] = "Sab" text += '<TR ALIGN="center" VALIGN="center">' for (var dayNum = 0; dayNum < 7; ++dayNum) { text += openCol + weekDay[dayNum] + closeCol } text += '</TR>' var digit = 1 var curCell = 1 for (var row = 1; row <= Math.ceil((lastDate + firstDay - 1) / 7); ++row) { text += '<TR ALIGN="right" VALIGN="top">' for (var col = 1; col <= 7; ++col) { if (digit > lastDate) break if (curCell < firstDay) { text += '<TD></TD>'; curCell++ } else { if (digit == date) { text += '<TD HEIGHT=' + cellHeight + ' BGCOLOR=' + todayCellColor +'>' text += '<FONT SIZE="1' + dayColor + '">' text += '<FONT COLOR="' + todayColor + '">' text += digit text += '</FONT><BR>' text += '<FONT COLOR="' + timeColor + '" SIZE=1>' text += '<CENTER>' + getTime() + '</CENTER>' text += '</FONT>' text += '</TD>' } else text += '<TD HEIGHT=' + cellHeight + '>' + digit + '</TD>' digit++ } } text += '</TR>' } text += '</TABLE>' text += '</CENTER>' document.write(text) } // --> </SCRIPT> </TD> </TR> </TABLE>

scripts : Informa quanto tempo está na página, a hora que entrou e que hora tem.

<SCRIPT> <!-- Início do script para ver o tempo de acesso function getLogonTime() { var now = new Date(); var ampm = (now.getHours() >= 12) ? " P.M." : " A.M." var Hours = now.getHours(); Hours = ((Hours > 12) ? Hours - 12 : Hours); var Minutes = ((now.getMinutes() < 10) ? ":0" : ":") + now.getMinutes(); var Seconds = ((now.getSeconds() < 10) ? ":0" : ":") + now.getSeconds(); OnTimeValue =(" " + Hours + Minutes + Seconds + " " + ampm); onHours = now.getHours(); onMinutes = now.getMinutes(); onSeconds = now.getSeconds(); } function getLogoffTime() { var now = new Date(); var ampm = (now.getHours() >= 12) ? " P.M." : " A.M." var Hours = now.getHours(); Hours = ((Hours > 12) ? Hours - 12 : Hours); var Minutes = ((now.getMinutes() < 10) ? ":0" : ":") + now.getMinutes(); var Seconds = ((now.getSeconds() < 10) ? ":0" : ":") + now.getSeconds(); OffTimeValue =(" " + Hours + Minutes + Seconds + " " + ampm); offHours = now.getHours(); offMinutes = now.getMinutes(); offSeconds = now.getSeconds(); timer(); } function timer() { if (offSeconds >= onSeconds) { logSeconds = offSeconds - onSeconds; } else { offMinutes -= 1; logSeconds = (offSeconds + 60) - onSeconds; } if (offMinutes >= onMinutes) { logMinutes = offMinutes - onMinutes; } else { offHours -= 1; logMinutes = (offMinutes + 60) - onMinutes; } logHours = offHours - onHours; logHours = ((logHours < 10) ? "0" : ":") + logHours; logMinutes = ((logMinutes < 10) ? ":0" : ":") + logMinutes; logSeconds = ((logSeconds < 10) ? ":0" : ":") +logSeconds; PageTimeValue =(" " + logHours + logMinutes + logSeconds); displayTimes(); } function displayTimes() { alert("\nTempo na página : "+PageTimeValue+"\n\nHora do acesso : " +OnTimeValue+"\n\nHora atual : "+OffTimeValue); } // fim do script --> </SCRIPT> <META NAME="GENERATOR" Content="Visual Page 2.0 for Windows"> <TITLE>untitled</TITLE> </HEAD> <BODY onLoad="getLogonTime()"> <P ALIGN="CENTER"><B><FONT SIZE="2" COLOR="blue" FACE="Trebuchet MS, Verdana, Arial">Contador de tempo</FONT></B></P> <P ALIGN="CENTER"><B><FONT SIZE="5" COLOR="#0080FF" FACE="Trebuchet MS, Verdana, Arial"> <P ALIGN="CENTER"><B><FONT SIZE="1" COLOR="blue" FACE="Trebuchet MS, Verdana, Arial">Espere uns 5 segundos e clique em "Ver Tempo".</FONT></B></P> <P ALIGN="CENTER"><B><FONT SIZE="5" COLOR="#0080FF" FACE="Trebuchet MS, Verdana, Arial"><BR> </FONT></B><FONT SIZE="5" COLOR="#0080FF" FACE="Trebuchet MS, Verdana, Arial"></FONT><INPUT TYPE="button" VALUE="Ver Tempo" onClick="getLogoffTime()"></P> <P></P> <P><BR> <BR> <BR> </P> <!--webbot bot="HTMLMarkup" endspan -->

scripts : Caixa onde você cria um nickname

<script language="JavaScript"><!-- var y=0; var campoCheio=null; function converter(n) { if(n=='A') {n='Å'} if(n=='a') {n='ä'} if(n=='B' || n=='b') {n='ß'} if(n=='C') {n='©'} if(n=='c') {n='¢'} if(n=='D') {n='Ð'} if(n=='d') {n='ð'} if(n=='E') {n='Ë'} if(n=='e') {n='ë'} if(n=='H' || n=='h') {n='|-|'} if(n=='I') {n='Î'} if(n=='i') {n='¡'} if(n=='L' || n=='l') {n='£'} if(n=='m' || n=='M') {n='/|\/|'} if(n=='N') {n='Ñ'} if(n=='n') {n='ñ'} if(n=='o') {n='ö'} if(n=='O') {n='Ø'} if(n=='p' || n=='P') {n='Þ'} if(n=='r' || n=='R') {n='®'} if(n=='s') {n='§'} if(n=='S') {n='§'} if(n=='u') {n='µ'} if(n=='U') {n='Ü'} if(n=='Y') {n='¥'} else n=n return n } //converte os valores DEPOIS que estes são digitados,note a chamada de converter() function chgNick() { var output='' var enter=document.form1.entrada.value; if(enter!='') { // este laço só executa a conversão se o primeiro campo estiver preenchido campoCheio=true; for(var i=0;i<enter.length+1;i++) {output+=converter(enter.charAt(i));} saida1='-=|'+output+'|=-' } else if(enter=='' && document.form1.saida.value!='') {alert('Preencha o primeiro campo, burro...não o segundo.');campoCheio=false;} else {alert('Voce se esqueceu de preencher o campo');campoCheio=false;} } function mostrarNick() { // mostra novo nick em forma de substrings,letra a letra if(campoCheio) { document.form1.saida.value=saida1.substring(0,y); y++; tempo=setTimeout('mostrarNick()',100); if(y==saida1.length+1) {clearTimeout(tempo)} } } function execNickNamer() { //função que agrupa todas as outras,é chamada pelo botão Input chgNick(); if(campoCheio) {mostrarNick()}; } //fim do mini programa. // --></script> </p> <form name="form1"> <div align="center"> <center> <p align="left"><font size="2" face="Arial"><b> </b> <b><font color="#000000">Digite seu nome virtual: </font></b> <input type="text" size="40" name="entrada"> </font></p> </center> </div> <p align="left"><font size="2" face="Arial"><b> </b> <b>  <input type="button" value="Fazer Novo Nick!" onClick="execNickNamer()" name="button"> </b></font></p> <p align="left"><font size="2" face="Arial"><b>Aqui ficará o seu novo nome virtual: </b> <input type="text" size="40" name="saida"> </font></p> </form> <p align="center"><font size="2" face="Arial"><b> </b> <b> </b> </font>

scripts : Página com vários buscadores

<script LANGUAGE="JavaScript"> <!-- function wordsplit(items) { var charect = ""; for (var n = 1 ; n <= items.length ; n++) { if (items.substring(n-1,n) == " ") { charect+="+"; } else { charect+=items.substring(n-1,n); } } return charect; } function search() { var keywords=document.searching.query.value; var search1; var search2; var search3; var search4; var search5; var search6; var search7; var search8; var search9; var search10; key=wordsplit(keywords); if(document.searching.yahoo.checked) { search1= document.searching.yahoo.value; search1+=key; wind=window.open(search1,"newwindow1","width=700,height=200,scrollbars=yes"); } if(document.searching.altavista.checked) { search2 = document.searching.altavista.value; search2+=key; wind=window.open(search2,"newwindow2","width=700,height=200,scrollbars=yes"); } if(document.searching.webcrawler.checked) { search3 = document.searching.webcrawler.value; search3+=key; wind=window.open(search3,"newwindow3","width=700,height=200,scrollbars=yes"); } if(document.searching.hotbot.checked) { search4 = document.searching.hotbot.value; search4+=key; wind=window.open(search4,"newwindow4","width=700,height=200,scrollbars=yes"); } if(document.searching.excite.checked) { search5 = document.searching.excite.value; search5+=key; wind=window.open(search5,"newwindow5","width=700,height=200,scrollbars=yes"); } if(document.searching.lycos.checked) { search6 = document.searching.lycos.value; search6+=key; wind=window.open(search6,"newwindow6","width=700,height=200,scrollbars=yes"); } if(document.searching.infoseek.checked) { search7 = document.searching.infoseek.value; search7+=key; wind=window.open(search7,"newwindow7","width=700,height=200,scrollbars=yes"); } if(document.searching.metacrawler.checked) { search8 = document.searching.metacrawler.value; search8+=key; wind=window.open(search8,"newwindow8","width=700,height=200,scrollbars=yes"); } if(document.searching.searchcom.checked) { search9 = document.searching.searchcom.value; search9+=key; wind=window.open(search9,"newwindow9","width=700,height=200,scrollbars=yes"); } if(document.searching.netfind.checked) { suffix1="&lk=excite_netfind_us" search10 = document.searching.netfind.value; search10+=key; search10+=suffix1; wind=window.open(search10,"newwindow10","width=700,height=200,scrollbars=yes"); } } //--> </script> </head> <body> <div align="center"><center> <table WIDTH="100%"> <tr> <td WIDTH="70%"><form NAME="searching"> <p><font face="Verdana"><small>Palavra chave : <input TYPE="text" NAME="query" SIZE="20"><br> Escolha os searchers:</small></font></p> <table WIDTH="100%"> <tr> <td WIDTH="50%"><font face="Verdana"><small><input TYPE="checkbox" NAME="yahoo" VALUE="http://search.yahoo.com/search?p=cyber"> Yahoo<br> <input TYPE="checkbox" NAME="altavista" VALUE="http://www.altavista.digital.com/cgi-bin/query?pg=q&what=web&fmt=.&q=">Altavista<br> <input TYPE="checkbox" NAME="webcrawler" VALUE="http://www.webcrawler.com/cgi-bin/WebQuery?searchText=">WebCrawler<br> <input TYPE="checkbox" NAME="excite" VALUE="http://www.excite.com/search.gw?trace=a&search=">Excite<br> <input TYPE="checkbox" NAME="lycos" VALUE="http://www.lycos.com/cgi-bin/pursuit?query=">Lycos</small></font></td> <td WIDTH="50%"><font face="Verdana"><small><input TYPE="checkbox" NAME="hotbot" VALUE="http://www.search.hotbot.com/IU0jYX9275CF2F6A99B3389603224C1C08A6924F/hResult.html?SM=MC&MT=">Hotbot<br> <input TYPE="checkbox" NAME="infoseek" VALUE="http://www.infoseek.com/Titles?qt=">Infoseek<br> <input TYPE="checkbox" NAME="metacrawler" VALUE="http://www.metacrawler.com/crawler?general=">Metacrawler<br> <input TYPE="checkbox" NAME="searchcom" VALUE="http://www.search.com/Infoseek/1,135,0,0200.html?QUERY=">Search.com<br> <input TYPE="checkbox" NAME="netfind" VALUE="http://netfind.aol.com/search.gw?search=">Netfind</small></font></td> </tr> </table> </form> </td> </tr> </table> </center></div><div align="center"><center> <table WIDTH="100%"> <tr> <td BGCOLOR="#000000"><p align="center"><font face="Verdana"><input TYPE="submit" VALUE="Search" onClick="search()"> <input TYPE="reset" VALUE=" Clear "></font></td> </tr> </table> </center></div>

scripts : Texto que informa a resolução do vídeo do visitante

<!----------COMEÇA AQUI---------------> <div align="center"><center> <table border="0" cellpadding="0" cellspacing="0" width="400"> <tr> <td bgcolor="#F2FFF2"><b><font face="Arial, Verdana" size="2" color="#0000FF">Resolução</font><font color="#000080" face="Arial, Verdana" size="2"> </b><br> </font><font face="Arial, Verdana" size="2">Mostra a resolução de vídeo do visitante </font><p> <script language="JavaScript"> document.write("Resolução de vídeo: " + screen.width + " x " + screen.height) </script></p> <!-----------TERMINA AQUI------------>

scripts : Caixa de seleção dos estados Brasileiros

<STYLE TYPE="text/css"> .estados { color= #000000; font-family: verdana, arial, courier; font-size: 8pt; } </STYLE> <select name="UF" class="estados" width=8> <option value="RJ" select>Rio de Janeiro </option> <option value="AC">Acre </option> <option value="AL">Alagoas </option> <option value="AM">Amazonas </option> <option value="AP">Amapá </option> <option value="BA">Bahia </option> <option value="CE">Ceará </option> <option value="DF">Distrito Federal </option> <option value="ES">Espírito Santo </option> <option value="GO">Goias </option> <option value="MA">Maranhão </option> <option value="MT">Mato Grosso </option> <option value="MS">Mato Grosso do Sul </option> <option value="MG">Minas Gerais </option> <option value="PA">Pará </option> <option value="PB">Paraiba </option> <option value="PR">Paraná </option> <option value="PE">Pernambuco </option> <option value="PI">Piaui </option> <option value="RN">Rio Grande do Norte</option> <option value="RS">Rio Grande do Sul </option> <option value="RO">Rondônia </option> <option value="RR">Roraima </option> <option value="SC">Santa Catarina </option> <option value="SE">Sergipe </option> <option value="SP">São Paulo </option> <option value="TO">Tocantins </option> <option value="XX">Outros</option> </select>

scripts : Insira o banner em flash do Portal Cranik em seu site

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="468" height="60"> <param name="movie" value="http://www.cranik.com/images/bannercinema.swf"> <param name="quality" value="high"> <embed src="http://www.cranik.com/images/bannercinema.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="468" height="60"></embed></object>

Página 01 02 03 04