Jump to content

ScriptShow

Members
  • Content Count

    7
  • Joined

  • Last visited

Community Reputation

1 Neutral

About ScriptShow

  • Rank
    Newbie

Previous Fields

  • Languages
    HTML, JavaScript
  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="helvetic
  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
×
×
  • Create New...