JavaScript/Dicas: diferenças entre revisões
| [edição verificada] | [edição verificada] |
Conteúdo apagado Conteúdo adicionado
fusão |
Sem resumo de edição |
||
Linha 1:
== JavaScript Rotinas Diversas ==
Retirados do Editor de JavaScript "1st JavaScript Editor"
'''Browser code name'''
<pre>
<script language='JavaScript' type='text/JavaScript'>
//Made by 1st JavaScript Editor
//http://www.yaldex.com
document.write('<p align=\'center\'><B>'+navigator.appCodeName+'</B></P>');
</script>
</pre>
'''Browser language'''
<pre>
document.write("<p align='center'><b>");
if (document.all){document.write(navigator.browserLanguage);}
else{document.write(navigator.language)}
document.write("</b></p>");
</pre>
'''Browser Name'''
<pre>
document.write('<p align=\'center\'><B>'+navigator.appName+'</B><P>');
</pre>
'''Browser versão'''
<pre>
document.write('<p align=\'center\'><B>'+navigator.appVersion+'</B></P>');
</pre>
'''Color Depth'''
<pre>
function twentieth() {return (screen.colorDepth);}document.write('<b>Your screen is currently using ' +
twentieth() + 'bit colour.</b>');
</pre>
'''Screen Resolução'''
<pre>
var fifteenth=0; var sixteenth=0;
if (self.screen) { sixteenth = screen.width;fifteenth = screen.height}
else if (self.java) { var jkit = java.awt.Toolkit.getDefaultToolkit();
var scrsize = jkit.getScreenSize();sixteenth = scrsize.width;fifteenth = scrsize.height; }
document.writeln('<p align=\'center\'>');
if (sixteenth > 0 && fifteenth > 0) {document.writeln('Screen Resolution: ',sixteenth,' x ',fifteenth); }
else {document.writeln('Your screen resolution cannot be determined');}
document.writeln('</p>');
</pre>
'''Adicionar aos favoritos'''
<pre>
<a href="javascript:window.external.AddFavorite(document.location,'');">Add to Favorites!</a>
</pre>
'''Botões coloridos'''
<pre>
<head>
<style type="text/css">
.initial2{
font-weight:bold;
background-color:red;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
</style>
<script type="text/javascript">
var fifteenth="";
function sixteenth(seventeenth, nineteenth){var twentieth=window.event? event.srcElement: seventeenth.target;
if (twentieth.tagName=="INPUT"&&twentieth.type=="button")twentieth.style.backgroundColor=nineteenth;}
function third2(fourth2){
if (fifteenth=="")window.location=fourth2;
else if (fifteenth=="_new")window.open(fourth2);
else parent[fifteenth].location=fourth2;}
</script>
<title></title>
</head>
<body>
<form onMouseover="sixteenth(event, 'yellow')" onMouseout="sixteenth(event, 'red')">
<input type="button" value="Get More Products!" class="initial2" onClick="third2('http://yaldex.com')">
</form>
</body>
</pre>
'''Link para e-mail'''
<pre>
<a href ='mailto:support@yaldex.com?subject=enter subject here &cc=another@youremail.com'>Email Me!</a>
</pre>
'''Tornar sua Página Inicial'''
<pre>
<a href="#" onClick="this.style.behavior='url(#default#homepage)';
this.setHomePage(document.location);">Click here to make this page your starting page.</a>
</pre>
'''Link Descrição on MouseOver'''
<pre>
function fifteenth(sixteenth, seventeenth) {var eighteenth,nineteenth,twentieth;
if(!seventeenth) seventeenth=document;
if((eighteenth=sixteenth.indexOf('?'))>0&&parent.frames.length) {
seventeenth=parent.frames[sixteenth.substring(eighteenth+1)].document;
sixteenth=sixteenth.substring(0,eighteenth);
}
if(!(twentieth=seventeenth[sixteenth])&&seventeenth.all) twentieth=seventeenth.all[sixteenth];
for (nineteenth=0;!twentieth&&nineteenth<seventeenth.forms.length;nineteenth++)
twentieth=seventeenth.forms[nineteenth][sixteenth];
for(nineteenth=0;!twentieth&&seventeenth.layers&&nineteenth<seventeenth.layers.length;
nineteenth++) twentieth=fifteenth(sixteenth,seventeenth.layers[nineteenth].document);
if(!twentieth && seventeenth.getElementById) twentieth=seventeenth.getElementById(sixteenth);
return twentieth;}
function first2(second2,twentieth,third2,fourth2) { var fifth2 = fifteenth(second2);
if (fifth2 && (third2.indexOf('style.')==-1 || fifth2.style)){
if (fourth2 == true || fourth2 == false)eval('fifth2.'+third2+'='+fourth2);
else eval("fifth2."+third2+"='"+fourth2+"'");}}
</pre>
'''Botão Imprimir'''
<pre>
<form>
<input type=button value='Imprimir' onClick='javascript:window.print()'>
</form>
</pre>
'''Reload Página'''
<pre>
<a href='JavaScript:window.location.reload()'>Click to Reload!</a>
</pre>
'''Relógio com Barras Coloridas'''
<pre>
<head>
<style type='text/css'>
TH {text-align:right};SPAN {vertical-align:bottom};
</style>
<script language='JavaScript'>
var fifteenth = new Date();var sixteenth = 6;var seventeenth = 3;
function eighteenth() {
with(document.all) {
nineteenth.style.setExpression('width','fifteenth.getHours() * sixteenth * seventeenth','jscript');
twentieth.setExpression('innerHTML','fifteenth.getHours()','jscript');
first2.style.setExpression('width','fifteenth.getMinutes() * sixteenth','jscript');
second2.setExpression('innerHTML','fifteenth.getMinutes()','jscript');
third2.style.setExpression('width','fifteenth.getSeconds() * sixteenth','jscript');
fourth2.setExpression('innerHTML','fifteenth.getSeconds()','jscript')
}
fifth2();
}
function fifth2() {
fifteenth = new Date();
document.recalc();
setTimeout('fifth2()',1000);
}
window.onload=eighteenth;
</script>
<title></title>
</head>
<body>
<TABLE BORDER=0><TR> <TH>Hours:</TH> <TD>
<SPAN ID='nineteenth' STYLE='background-color:red'></SPAN>
<SPAN ID='twentieth'></SPAN></TD></TR><TR>
<TH>Minutes:</TH> <TD>
<SPAN ID='first2' STYLE='background-color:yellow'></SPAN>
<SPAN ID='second2'></SPAN></TD></TR><TR>
<TH>Seconds:</TH> <TD>
<SPAN ID='third2' STYLE='background-color:#00FF40'></SPAN>
<SPAN ID='fourth2'></SPAN></TD></TR></TABLE>
</body>
</pre>
'''Data Atual'''
<pre>
var data=new Date();
var ano=data.getFullYear();
var dia=data.getDay();
var mes=data.getMonth()+1;
if (mes<10)mes='0'+mes;var hoje=data.getDate();
if (hoje<10)hoje='0'+hoje;
document.write('<code>'+hoje+'/'+mes+'/'+ano+'</code>');
</pre>
'''Calendário do ano'''
<pre>
function fifteenth(sixteenth) {document.write('<TD ALIGN=center WIDTH=36>'+sixteenth+'</TD>');
}function seventeenth(eighteenth,nineteenth) {
if ((twentieth == eighteenth) && (first2 == nineteenth))document.write('<FONT COLOR=\'#FF000f\'>');
}function second2(third2) {this.length=third2;
for (var fourth2 = 1;
fourth2 <= third2; fourth2++)this[fourth2] = 0;
return this;
}function fifth2(sixth2,fifteenth3,nineteenth) {eighteenth=1;
document.write('<center><TABLE BORDER=3 CELLSPACING=3 CELLPADDING=%3><TR>');
document.write('<TD COLSPAN=7 ALIGN=center><B>'+sixth2+' '+sixteenth3+'</B><TR>');
fifteenth('Sun');
fifteenth('Mon');
fifteenth('Tue');
fifteenth('Wed');
fifteenth('Thu');
fifteenth('Fri');
fifteenth('Sat');
document.write('</TR><TR>');
for (var fourth2=1;
fourth2<seventeenth3;
fourth2++) {document.write('<TD>');
}for (var fourth2=seventeenth3;
fourth2<8;
fourth2++) {document.write('<TD ALIGN=center>');
seventeenth(eighteenth,nineteenth);
document.write(eighteenth+"</TD><FONT COLOR='#000000'>");
eighteenth++;
}document.write('<TR>');
while (eighteenth <= fifteenth3) {for (var fourth2=1;
fourth2<=7 && eighteenth<=fifteenth3;
fourth2++) {document.write('<TD ALIGN=center>');
seventeenth(eighteenth,nineteenth);
document.write(eighteenth+"</TD><FONT COLOR='#000000'>");
eighteenth++;
}document.write('</TR><TR>');
}document.write('</TR></TABLE></center><BR>');
seventeenth3 = fourth2;
}eighteenth3=new second2(12);
eighteenth3[1]='January';
eighteenth3[2]='February';
eighteenth3[3]='March';
eighteenth3[4]='April';
eighteenth3[5]='May';
eighteenth3[6]='June';
eighteenth3[7]='July';
eighteenth3[8]='August';
eighteenth3[9]='September';
eighteenth3[10]='October';
eighteenth3[11]='November';
eighteenth3[12]='December';
nineteenth3 = new second2(12);
nineteenth3[1]=31;
nineteenth3[2]=28;
nineteenth3[3]=31;
nineteenth3[4]=30;
nineteenth3[5]=31;
nineteenth3[6]=30;
nineteenth3[7]=31;
nineteenth3[8]=31;
nineteenth3[9]=30;
nineteenth3[10]=31;
nineteenth3[11]=30;
nineteenth3[12]=31;
twentieth3 = new Date();
twentieth = twentieth3.getDate();
first2 = twentieth3.getMonth()+1;
sixteenth3 = twentieth3.getFullYear();
first4 = new Date('January 1, 19'+sixteenth3);
seventeenth3 = first4.getDay()+1;
if (seventeenth3 == 1){ seventeenth3 = 8;
}for (var second4 = 1;
second4<=12;
second4++){fifth2(eighteenth3[second4],nineteenth3[second4],second4);
}
</pre>
'''Habilitar Botão Submit'''
<pre>
<script>
var second2;
function fifteenth(sixteenth){
second2=sixteenth;
if (document.all||document.getElementById){
for (seventeenth=0;
seventeenth<second2.form.length;seventeenth++){
var eighteenth=second2.form.elements[seventeenth];
if(eighteenth.type.toLowerCase()=="submit")eighteenth.disabled=!second2.checked;
}
}
}
function first2(sixteenth){if (!document.all&&!document.getElementById){
if (window.second2&&second2.checked)return true;
else{
alert("Please accept terms to submit form");return false;
}
}
}
</script>
<title></title>
</head>
<body>
<form name="agrform" onSubmit="return first2(this)">Remainder of your form here<br>
<input name="agrcheck" type="checkbox" onClick="fifteenth(this)"><b>I agree to these terms</b><br>
<input type="Submit" value="Submit" disabled>
</form>
<script>
document.forms.agrform.agrcheck.checked=false;
</script>
</pre>
'''Desabilitar Enter'''
<pre>
<script language="javascript" type="text/javascript">
function fifteenth (sixteenth, event) {
var seventeenth = event.keyCode ? event.keyCode : event.which ? event.which : event.charCode;
if (seventeenth == 13) { var eighteenth;
for (eighteenth = 0; eighteenth < sixteenth.form.elements.length; eighteenth++)
if (sixteenth == sixteenth.form.elements[eighteenth])
break;
eighteenth = (eighteenth + 1) % sixteenth.form.elements.length;
sixteenth.form.elements[eighteenth].focus();
return false;
}
else
return true;
}
</script>
<title></title>
</head>
<body>
<form>
<input type="text" onkeypress="return fifteenth(this, event)"><br>
<input type="text" onkeypress="return fifteenth(this, event)"><br>
<textarea>Here is some text</textarea>
</form>
</body>
</pre>
'''Background Color'''
<pre>
<form method="POST" name="background">
<input type="button" value="green" onclick="document.bgColor='green'">
<input type="button" value="blue" onclick="document.bgColor='blue'">
<input type="button" value="orange" onclick="document.bgColor='orange'">
<input type="button" value="gray" onclick="document.bgColor='gray'">
<input type="button" value="red" onclick="document.bgColor='red'">
<input type="button" value="yellow" onclick="document.bgColor='yellow'">
<input type="button" value="black" onclick="document.bgColor='black'">
<input type="button" value="white" onclick="document.bgColor='white'">
</form>
</pre>
'''Acesso aos Drives'''
<pre>
<form action='file:///a|/'>
<input type='submit' value='A:\ drive'>
</form><p>
<form action='file:///c|/'>
<input type='submit' value='C:\ drive'>
</form><p>
<form action='file:///d|/'>
<input type='submit' value='D:\ drive'>
</form><p>
</pre>
'''Última modificação'''
<pre>
document.write('Última Modificação ' + document.lastModified);
</pre>
'''Detectar Clique com botão Direito'''
<pre>
var tenth='';
function ninth() {
if (document.all) {
(tenth);
alert("Enter Your Text Here");
return false;
}
}
function twelfth(e) {
if (document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(tenth);return false;}}}
if (document.layers) {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=twelfth;}
else{document.onmouseup=twelfth;document.oncontextmenu=ninth;}
document.oncontextmenu=new Function('alert("Clicou com o botão direito"); return false')
</script>
</pre>
OnLoad - evento que ocorre ao abrir uma página
OnUnload - evento que ocorre ao fechar uma página
OnResize - evento que ocorre ao alterar o tamanho (redimensionar) de uma página
'''Maximizar ao Abrir'''
<pre>
window.moveTo(0,0);
if (document.all) {top.window.resizeTo(screen.availWidth,screen.availHeight);}
else if (document.layers||document.getElementById) {
if (top.window.outerHeight<screen.availHeight||top.window.outerWidth<screen.availWidth){
top.window.outerHeight = screen.availHeight;
top.window.outerWidth = screen.availWidth;}}
</pre>
{{AutoCat}}
| |||