PROYECTO DE TSSC

Site hosted by Angelfire.com: Build your free website today!

Luis German Trujillo Alvarez

TEMAS SELECTOS DE SISTEMAS COMPUTACIONALES

CAMBIAR UN BOTON DE COLOR

para ver el ejemplo pulsa aqui

AQUI PODRAS ENCONTRAR DIFERENTES SCRIPTS PARA AGREGAR A TUS PAGINAS Y HACERLAS DINAMICAS.

SOLO COPIA Y PEGA EL CODIGO EN TU PAGINA Y LISTO, TAMBIEN PUEDES VER EL EJEMPLO DEL SCRIPTS ANTES DE DESCARGARLO.

CAMBIO DE COLOR DEL BACKGROUND Y TEXTO

para ver el ejemplo pulsa aqui

<HTML>
<HEAD>
<TITLE>ejemplo práctico </TITLE>

<LINK REL="stylesheet" HREF="../samples.css" TYPE="text/css"> 
      <STYLE TYPE="text/css">
         TABLE {background:white}
         /* Make all cells a uniform size. */
         TD {width:30pt; height:30pt; cursor:default}
      </STYLE>
   </HEAD>
   
<BODY>

<CENTER>      
<H1>Color Selector</H1>

<DIV ONCLICK="colorSelector()">
         <SCRIPT LANGUAGE="JavaScript">
            function colorSelector() {
               // Based on the table, change to the correct color.
               // srcElement is the element the user clicked on.
               if ("TD" == event.srcElement.tagName)
                  if (document.all.Text.contains(event.srcElement))
                     document.fgColor = event.srcElement.bgColor;
                  else if (document.all.Background.contains(
                        event.srcElement))
                     document.bgColor = event.srcElement.bgColor;
            }
         </SCRIPT>

<TABLE ID="Background" BORDER>
            <CAPTION>Background Color</CAPTION>
            <TR>
               <TD BGCOLOR=Black></TD><TD BGCOLOR=Red></TD>
               <TD BGCOLOR=Green></TD><TD BGCOLOR=LightBlue></TD>
               <TD BGCOLOR=Yellow></TD>
            </TR>
            <TR>
               <TD BGCOLOR=YellowGreen></TD><TD BGCOLOR=Orange></TD>
               <TD BGCOLOR=Navy></TD><TD BGCOLOR=Magenta></TD>
               <TD BGCOLOR=Brown></TD>
            </TR>
            <TR>
               <TD BGCOLOR=Black></TD><TD BGCOLOR=Blue></TD>
               <TD BGCOLOR=Burlywood></TD><TD BGCOLOR=Gold></TD>
               <TD BGCOLOR=Cyan></TD>
            </TR>
         </TABLE>
         <TABLE ID="Text" BORDER>
            <CAPTION>Text Color</CAPTION>
            <TR>
               <TD BGCOLOR=Black></TD><TD BGCOLOR=Red></TD>
               <TD BGCOLOR=Green></TD><TD BGCOLOR=LightBlue></TD>
               <TD BGCOLOR=Brown></TD>
            </TR>
            <TR>
               <TD BGCOLOR=White></TD><TD BGCOLOR=Blue></TD>
               <TD BGCOLOR=Burlywood></TD><TD BGCOLOR=Gold></TD>
               <TD BGCOLOR=Cyan></TD>
            </TR>
         </TABLE>
      </DIV></CENTER>

</body>
</HTML>

COMENTARIOS ENLACE

para ver el ejemplo pulsa aqui

<HTML>
<HEAD>
<TITLE>ejemplo práctico </TITLE>

<STYLE TYPE="text/css">
.tip {    
     position:   absolute;
     visibility: hidden;
}
</STYLE>

</HEAD>

<FONT FACE="Arial" SIZE="5"><B><A HREF="http://www.htmlpoint.com" ONMOUSEOVER="showTip('tip1')" ONMOUSEOUT="hideTip('tip1')">HTMLpoint</A></b></FONT><br><br><br>

<DIV ID="tip1" CLASS="tip">
        
<TABLE BGCOLOR="#336633" WIDTH="200">
<TR>
<TD>             
<P>HTMLpoint es el sitio italiano dedicado al web publishing y destinado a elaboradores expertos y aficionados.</P></TD>
</TR>
</TABLE></DIV>
        
              
<FONT FACE="Arial" SIZE="5"><B><A HREF="http://www.in-it.com" ONMOUSEOVER="showTip('tip2')" ONMOUSEOUT="hideTip('tip2')">Informática Italiana</A></b></FONT></P>

<DIV ID="tip2" CLASS="tip">
<TABLE BGCOLOR="yellow" WIDTH="200">
<TR>
<TD>
                    
<P>Informática italiana es un proyecto editorial que reúne algunos de los mejores sitios italianos dedicados a la informática</P>
</TD>
</TR>
 </TABLE></DIV>

</body>
</html>

DESHABILITAR EL BOTON DERECHO

para ver el ejemplo pulsa aqui

FLASH BORDERS

para ver el ejemplo pulsa aqui

MARQUESINA

para ver el ejemplo pulsa aqui

<HTML>
<HEAD>
<TITLE>ejemplo práctico </TITLE>
</HEAD>

//Specify the marquee's width (in pixels)
var marqueewidth=330
//Specify the marquee's height (in pixels, pertains only to NS)
var marqueeheight=20
//Specify the marquee's scroll speed (larger is faster)
var speed=6
//Specify the marquee contents
var marqueecontents='<font face="Arial"><strong><big>HTMLpoint es el primer sitio en italiano dedicado a <a href="http://www.htmlpoint.com">Dynamic HTML</a> . Esta demo funciona correctamente tanto con MSIE como con NS. No deben usarse acentos con superíndices simples</big></strong></font>'

if (document.all)
document.write('<marquee scrollAmount='+speed+' style="width:'+marqueewidth+'">'+marqueecontents+'</marquee>')

function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers){
setTimeout("window.onresize=regenerate",450)
intializemarquee()
}
}

function intializemarquee(){
document.cmarquee01.document.cmarquee02.document.write('<nobr>'+marqueecontents+'</nobr>')
document.cmarquee01.document.cmarquee02.document.close()
thelength=document.cmarquee01.document.cmarquee02.document.width
scrollit()
}

function scrollit(){
if (document.cmarquee01.document.cmarquee02.left>=thelength*(-1)){
document.cmarquee01.document.cmarquee02.left-=speed
setTimeout("scrollit()",100)
}
else{
document.cmarquee01.document.cmarquee02.left=marqueewidth
scrollit()
}
}

window.onload=regenerate2
</script>

</body>
</html>

MENU QUE APARECE

para ver el ejemplo pulsa aqui

<TITLE>Demo Dynamic HTML: ejemplo práctico </TITLE>

#iewrap2{
position:absolute
}

#dropmenu03{
filter:revealTrans(Duration=1.5,Transition=12)
visibility:hide
}

-->
</style>

</HEAD>

//set below variable to false if you wish to turn off "fade-off" effect for IE 4 users
var enableeffect=true

//change the contents of the array to your own. You may extend this list as neccessary
var selection=new Array()
selection[0]='<font face="Verdana"><a href="http://www.htmlpoint.com">HTMLpoint</a><br>'
selection[1]='<a href="http://www.htmlpoint.com/jscript">Jscript</a><br>'
selection[2]='<a href="http://www.htmlpoint.com/java">Applet</a><br>'
selection[3]='<a href="http://www.htmlpoint.com/font">Font</a><br>'
selection[4]='<a href="http://www.htmlpoint.com/xml">Xml</a><br></font>'

if (document.layers)
document.dropmenu01.document.dropmenu02.visibility='show'

function dropit2(){
if (document.all){
dropmenu03.style.left=document.body.scrollLeft+event.clientX-event.offsetX
dropmenu03.style.top=document.body.scrollTop+event.clientY-event.offsetY+18
if (dropmenu03.style.visibility=="hidden"){
if (enableeffect)
dropmenu03.filters.revealTrans.apply()
dropmenu03.style.visibility="visible"
if (enableeffect)
dropmenu03.filters.revealTrans.play()
}
else{
hidemenu()
}
}
}

function dropit(e){
if (document.dropmenu03.visibility=="hide")
document.dropmenu03.visibility="show"
else
document.dropmenu03.visibility="hide"
document.dropmenu03.left=e.pageX-e.layerX
document.dropmenu03.top=e.pageY-e.layerY+19
return false
}

function hidemenu(){
if (enableeffect)
dropmenu03.filters.revealTrans.stop()
dropmenu03.style.visibility="hidden"
}

function hidemenu2(){
document.dropmenu03.visibility="hide"
}

if (document.layers){
document.dropmenu01.document.dropmenu02.captureEvents(Event.CLICK)
document.dropmenu01.document.dropmenu02.onclick=dropit
}
else if (document.all)
document.body.onclick=hidemenu

</script>

<div id="dropmenu03" style="position:absolute;left:0;top:0;layer-background-color:lightyellow;background-color:lightyellow;width:120;visibility:hidden;border:2px solid black;padding:0px">
<script language="JavaScript1.2">
if (document.all)
dropmenu03.style.padding='4px'
for (i=0;i<selection.length;i++)
document.write(selection[i])
</script>
</div>

</body>
</html>