Jump to content

ScriptShow

Members
  • Posts

    7
  • Joined

  • Last visited

Everything posted by ScriptShow

  1. Really, my favorite editor is... <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="viewport" content="width=device-width"> <title>Code Tester</title> </head> <body> <script type="text/javascript"> //<![CDATA[ function preview(){ temp=document.tester.tbox.value; preWindow=window.open("about:blank", "preWin", "menubar=yes,resizable=yes"); preWindow.document.open(); preWindow.document.write(temp); preWindow.document.close(); } //]]> </script> <center> <font face="helvetica" color="#000000"> <h2>< Code Tester ></h2> <form name="tester"> <textarea rows="22" cols="88" wrap="physical" name="tbox" style="border:1px solid;overflow:auto"></textarea> <br><hr width="720" size="1" color="#000000" noshade> <input type="button" value="Test Code" onClick="preview()" style="border:1px solid;background:#FFFFFF;width:200px"> <input type="reset" value="Reset Code" style="border:1px solid;background:#FFFFFF;width:200px"> <br><hr width="720" size="1" color="#000000" noshade> </form> </font> </center> </body> </html> What I did years ago. You can use it freely
  2. Hello, <html> <h2>Create Text file in JavaScript</h2> <script> function createFile(){ var object = new ActiveXObject("Scripting.FileSystemObject"); var file = object.CreateTextFile("C:\\Hello.txt", false); file.WriteLine('Hello World'); file.WriteLine('This Text is Write ...'); file.Close(); } </script> <input type="Button" value="Create File" onClick='createFile()'> </html> For IExplorer - Win. Only Test.
  3. I use the following editors: Notepad; but... KompoZer - kompozer
  4. Hello, <!DOCTYPE html> <html> <style> div#content {display: none} button:hover + div#content {display: block} </style> <button>HOVER</button> <div id="content"> And the content will show . . . </div> </html> Something simple.
  5. Simple CSS Center Image Responsive Compatible. <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width"> <style type="text/css"> .img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; max-width: 100%; max-height: 100%; } </style> </head> <body> <img class="img" src="image.jpg"> </body> </html> Un saludo.
  6. Simple Menu Text Links eye fish effect. Pure CSS, without JavaScript. <!DOCTYPE html> <html> <head> <title>Simple Menu</title> <style type="text/css"> body { font: normal normal 100% Helvetica, sans-serif; } li { font-size: 1em; transition: all 0.2s; } li:hover { font-size: 2em; } li:hover + li { font-size: 1.6em; } li:hover + li + li { font-size: 1.3em; } </style> </head> <body> <h1>Simple Menu</h1> <ul> <li><a href="#">Texto del Link primero ...</a></li> <li><a href="#">Texto del Link segundo ...</a></li> <li><a href="#">Texto del Link tercero ...</a></li> <li><a href="#">Texto del Link cuarto ...</a></li> <li><a href="#">Texto del Link quinto ...</a></li> <li><a href="#">Texto del Link sexto ...</a></li> <li><a href="#">Texto del Link séptimo ...</a></li> <li><a href="#">Texto del Link octavo ...</a></li> </ul> <p>Scriptshow <a href="#">Web</a> Experiments</p> </body> </html> Un Saludo.
×
×
  • Create New...