HP-Hilfe-Seite, 14
Auf dieser Seite möchte ich einige "Kniffe", aber auch einfache Dinge als Code offenlegen, weil immer wieder danach gefragt wird (diese Codes sind überall im Internet zu haben/finden, also nicht von mir!):
Check Deine WebSite
bisher in Javascript
|
ein Adventskalender gefällig? WS dazu hier
mit
Frontpage-Express: "einfügen", "Script",
"Java" anhaken,
es erscheint nach dem Einfügen ein kleines Kästchen
ein einfacher Button mit öffnen des Links in neuem Fenster:
<input type="button" style="background:FARBE" value="TEXT" onClick="javascript:window.open('DATEI.htm');"> |
Ein Schneeflocken-Script gibt es hier |
auf vielfachen Wunsch "Regen" und "Schnee"-Effekt als zip-Datei
wenn Besucher
auf die Seite eines Framesets kommen, den Frameset aufrufen:
www.friedels-home.com
Auf vielen
*.txt und/oder *.html-Seiten Code oder Text ändern:
Suchen_und_ersetzen_fuer_HTML/
rechten
Mausklick verhindern: (ist von
abzuraten!) (mehr ein Joke, denn verhindern kann man z.B."Bilderklau" praktisch nicht!) (s.auch Tipp 8 bei HTML) |
if
(document.layers){ window.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP) window.onmousedown=rightclick; window.onmouseup=rightclick; function rightclick(e) { if (e.which == 3) { // Put right mouse code here alert('Das ist alles mein !'); return false; } else { return true; } } } if (document.all){ function click() { if (event.button==2) { alert('Das ist alles mein !') } if (event.button==3) { alert('Das ist alles mein !')} } document.onmousedown=click } |
update-Datum automatisch:
(man braucht also nicht selbst das Datum immer zu ändern, nach jeder Arbeit an der Seite wird das aktuelle Datum automatisch eingesetzt) |
//This is a little
automated LAST MODIFIED script that you can stick at the //bottom of your pages and forget about updating it. //Hacked together by Stephen King and James Wright: 03/22/96 //It even works for the year 2000 and up!! function initArray() { // Thanks JavaScript Mailing List for this function this.length = initArray.arguments.length for (var i = 0; i < this.length; i++) this[i+1] = initArray.arguments[i] } var DOWArray = new initArray("Sonntag","Montag","Dienstag","Mittwoch", "Donnerstag","Freitag","Samstag"); var MOYArray = new initArray("Januar","Februar","März","April", "Mai","Juni","Juli","August","September", "Oktober","November","Dezember"); var LastModDate = new Date(document.lastModified); document.write("<font face=verdana size=-1><center><b>Letzte Änderung: "); document.write(DOWArray[(LastModDate.getDay()+1)],", "); document.write(MOYArray[(LastModDate.getMonth()+1)]," "); document.write(LastModDate.getDate(),", ",(LastModDate.getYear()+0)); document.write(".</b>"); |
Datum/Zeit:
ich hatte zuerst
so ein Script von "delirium" geholt, aber da
war Werbung von denen in der Statuszeile. Dann hab ich je
ein Script für Datum u.Uhrzeit generieren lassen, aber
da es auf einem anderen Server lag, konnte mann die
quietschgrüne Schrift nicht ändern. Aber das Gute liegt doch so nah, nämlich Self-HTML - die Schriftfarbe kann man frei wählen (normale Einstellungen): |
<script
type="text/javascript"> <!-- var Jetzt = new Date(); var Tag = Jetzt.getDate(); var Monat = Jetzt.getMonth() + 1; var Jahr = Jetzt.getYear(); var Stunden = Jetzt.getHours(); var Minuten = Jetzt.getMinutes(); var NachVoll = ((Minuten < 10) ? ":0" : ":"); if (Jahr<2000) Jahr=Jahr+1900; document.write("<b>Heute ist der " + Tag + "." + Monat + "." + Jahr + ".<br> Es ist jetzt " + Stunden + NachVoll + Minuten + " Uhr<\/b>"); //--> </script> |
3a nach oben
ein zusätzliches Fenster öffnen:
(in diesem Fall meine Datei "neu.htm" bei der Startseite) |
<script
language="JavaScript"> <!-- update=window.open("neu.htm","Weihnachten") file: // --> </script> |
3b nach oben
(in diesem Fall meine Datei "portale.htm" auf anderem Server als reines Fenster ohne Scrollleisten usw.) das seltsame - dieses Script fügt man als "HTML-Code" bei FP-E ein! |
<script
language="Javascript"> <!-- window.open ('http://www.DOMAIN.de/DATEI.htm', 'pkpop', 'width=800,height=500') window.focus() // --> </script> |
mit nachstehendem js wird ein Fenster bei Mouseover geöffnet: |
<a href="datei.htm" onMouseover="window.location.href='datei.htm'">linktext</a> |
ein neues Fenster
mit großem Bild öffnen: in den HEAD: <script type="text/javascript"> <!-- function PopupFenster() { F = window.open("NAME.htm","Popup","width=WEITE,height=HÖHE"); } // --> </script> ----------------------------------------------------------------------------------------------------------------------- unter das Bild "gelegt": javascript:PopupFenster() |
Fenster in
bestimmter Größe öffnen und auf Klick schließen:
|
bei
"blanken" Seiten: toolbar=no - es erscheinen oben keine Buttons menuebar=no - kein Menü (Datei - Bearbeiten etc.) location=no - keine Adresszeile scrollbar=no - kein scrollen reziable=no - keine Grössenänderung erlaubt.. |
beim Verlassen der Seite öffnet sich ein Fenster:
<script
language="JavaScript"> <!-- var leave=true; function Leave() {if (leave) open("URL","_blank","toolbar=1,location=1,locationbars=1, directories=1,status=1,menubar=1,resizable=1,scrollbars=1, width=xxx,height=xxx";); } // --> </script> |
Klickzwang auf ein Banner:
im Head-Bereich: <head> <script language="Javascript"> var geclickt = 'off'; function checkvar() { if (geclickt = 'on') {window.location.href='zielseite.htm'} else {window.alert('Bitte erst den Banner anclicken') } ; }; </script> </head> <body> <img src="banner.gif" onClick="geclickt='on';"> <a href="#" onClick="checkvar();">Hier geht's rein!</a> |
Seite den Favoriten hinzufügen:
<script
language="JavaScript"> <input TYPE="button" VALUE="Seite den Favoriten hinzufügen" onClick="javascript:window.external.AddFavorite('URL', 'URL')"> </script> |
Bildershow:
<table> <tr><td> <script language="JavaScript1.1"> var photos=new Array() var which=0 /* Hier die Bilder eintragen, egal wie viele es sind. Auf Unterordner achten !*/ photos[0]="ordner/1.gif" photos[1]="ordner/2.jpg" photos[2]="ordner/3.jpg" photos[3]="ordner/4.gif" function backward(){ if (which>0){ window.status='' which-- document.images.bilder.src=photos[which] } } function forward(){ if (which<photos.length-1){ which++ document.images.bilder.src=photos[which] } else window.status='Letztes Bild' } </script> </td></tr> </table> Und das ganze mit Links steuern: <a href="javascript:forward()">Vorwärts</a> <a href="javascript:backward()">Zurück</a> |
Link zum Drucken:
<a
href="javascript:window.print()">Diese Seite
drucken</a> |
Mit einem Klick Inhalt in 2 Frames wechseln
<script
language="javascript"> function wechsleframe() { window.framename1.location.href="seite1.htm"; window.framename2.location.href="seite2.htm"; } </script> <a href="javascript:wechsleframe()">Link</a> |
<script
type="text/javascript"> <!-- function go(URI1,F1,URI2,F2) { Frame1=eval("parent."+F1); Frame2=eval("parent."+F2); Frame1.location.href = URI1; Frame2.location.href = URI2; } //--> Dazu der passende Aufruf: <a href="javascript:go('erstesFenster.htm','top','zweitesFenster.htm','haupt')"> Das Script sollte im <head>-Bereich des Navigationsframes liegen |
10 nach oben
Text als Mausspur / icon hinter Mauszeiger
<script
language="javascript"> <!-- www.fineartweb.de --> for (i=0; i<28 ;i++) { document.write("<style type='text/css'>#m"+i+"{ position: absolute; left: 0px; top: 0px;}<\/style>\n") } </script><script language="javascript"> text="TEXT" x=new Array() y=new Array() var ns4up = (document.layers) ? 1 : 0; var ie4up = (document.all) ? 1 : 0; var mx=0, my=0 document.write("<font color=\"#000080\">\n") document.write("<tt><font size=\"+0>\">\n") for (i=0; i<28 ;i++) { document.write("<div id='m"+i+"'>"+text.substr(i,1)+"<\/div>\n") x[i]=0 y[i]=0 } document.write("<\/font><\/tt><\/font>\n") if (ns4up) { document.captureEvents(Event.MOUSEMOVE); } document.onmousemove = mm; function mm(e){ mx = (ns4up) ? e.pageX : event.clientX+document.body.scrollLeft; my = (ns4up) ? e.pageY : event.clientY+document.body.scrollTop; } mt() function mt() { x[0]=x[0]+(mx-x[0]+20)/3 y[0]=y[0]+(my-y[0]+20)/3 for (i=1; i<28; i++) { x[i]=x[i]+(x[i-1]-x[i]+10)/3 y[i]=y[i]+(y[i-1]-y[i])/3 } for (i=0; i<28; i++) { if (ns4up) { document.layers["m"+i].left=x[i] document.layers["m"+i].top=y[i] } if (ie4up) { document.all["m"+i].style.pixelLeft=x[i] document.all["m"+i].style.pixelTop=y[i] }} setTimeout("mt()",10) } </script> |
man muss die grafik in
einer *.cur oder *.ani datei speichern, danach dieses
stylesheet verwenden: <style> <!-- BODY{ cursor:url("gfxu/cursor.cur"); // hier die .cur oder .ani } --> </script> (auch wenn darin "body" vorkommt, es gehört in den "head" tag!) |
11 nach oben
es gibt ja
in HTML "Anker", also "Marken", wo man
hinspringen kann.
Aber man kann auch "hinscrollen ;-)
in den head
diese funktion 5 ;
} und im body dann dies
500 )">link</a>
__________________________________________________________________________ die fettgedruckten Zahlen jeweils wie gewünscht anpassen, die in dem Link gibt an, wohin gescrollt werden soll... (die erste wie schnell - (größer = schneller) scrollen, die zweite wohin -(größer = länger scrollen) muss man eben probieren. |
12 nach oben
Countdown-Zähler
Head <SCRIPT> Body: <form
name=countform> |
<script
language=JavaScript> <!-- var datum = new Date(2003, 11, 31, 24, 00, 00); //Bemerkung 11 entspricht Dezember function countdown() { d=new Date(); count=Math.floor((datum.getTime()-d.getTime())/1000); if(count<=0) { document.getElementById('countdown').innerHTML='Vorbei'; return; } tage=Math.floor(count/(60*60*24)); stunden=Math.floor((count-(tage*24*60*60))/(60*60)) minuten=Math.floor((count-(tage*24*60*60)-(stunden*60*60))/60) sekunden=Math.floor((count-(tage*24*60*60)-(stunden*60*60)-(minuten*60))) countdown_string=tage+' Tag(e)'+stunden+' Stunde(n) '+minuten+' Minute(n) '+sekunden+' Sekunde(n).' setTimeout("countdown()",1000); document.getElementById('countdown').innerHTML=countdown_string; } // Ende verstecken --> </SCRIPT> <div id=countdown> <script>countdown();</script></div> |
bis Neujahr |
13 nach oben
Text in Statuszeile
<HTML> <HEAD> <SCRIPT LANGUAGE="JavaScript"> var message="+++ NEU! +++ update der Urlaubsseiten!!!" var a=0; var b; var leerzeichen=" "; var zeichenlaenge; var message_ausgabe; // Dem Text werden Leerzeichen vorangestellt for (b=120; b>=0; b--) { leerzeichen=leerzeichen+" "; } message=leerzeichen+message; zeichenlaenge=message.length; function laufschrift () { // Jetzt erfolgt die Ausgabe a=a+1; message_ausgabe=message.substring(a,zeichenlaenge); window.status=message_ausgabe; if (a>=zeichenlaenge) { a=0; } // Die Funktion wird neu aufgerufen setTimeout ('laufschrift()', 100); } </SCRIPT> <TITLE>Homepage</TITLE></HEAD> <BODY BGCOLOR="white" TEXT="black" onload="laufschrift()"> <HR></BODY></HTML> |
14 nach oben
Filtereffekte
<SCRIPT
LANGUAGE="JavaScript"> if ((navigator.appName.indexOf('Microsoft')+1)) { document.write('<style type="text/css"> .opacity1 {filter:alpha(opacity=50)} .opacity2 {filter:alpha(opacity=100)} </style>'); } if ((navigator.appName.indexOf('Netscape')+1)) { document.write('<style type="text/css"> .opacity1 {-moz-opacity:0.5} .opacity2 {-moz-opacity:1} </style>'); } else { document.write(''); } </script> <img src="xy.gif" class="opacity1" onmouseover="this.className='opacity2'" onmouseout="this.className='opacity1'"> |
15 nach oben
"Preloader":
hier ein kleines Skript
dafür, Sinnhaftigkeit sei dahingestellt, denn es tut nur
so als ob, es wird nix vorgeladen, sieht nur spannend aus
;-)) Skript-Bereich im Dateikopf: <script language="JavaScript"> HTML im Body-Bereich: <body onload="timer();"> Das braune Bildchen dafür ist hier: (ist "länger" gemacht) |
16 nach oben
Mit einem Klick zwei Frames ändern:
<a
href="#"
onClick="javascript:parent.FRAMENAME1.location='URL1.html';parent.FRAMENAME2.location='URL2';">Linktext</a> |
17 nach oben
Schneeflocken:
in den body:
<script language="javascript"
src="snow.js"></script> |
in die
"snow.js": |
<!-- Original:
Altan (snow@altan.hr) --> |
das Bild: (snow.gif) |
18 nach oben
Auswahlmenue:
(mein altes)
<form
name="menu1"> <select name="menu2" size="1"> <option selected value="1">ani-Gifs & download</option> <option value="2">Familie</option> <option value="3">Fanseiten (F1/GZSZ/PR)</option> <option value="4">Fotos</option> <option value="5">Hobbies (Briefm./Mod.)</option> <option value="6">Homepage-Hilfe</option> <option value="7">Humor</option> <option value="8">Service-Seiten</option> <option value="9">Plastik-Modelle</option> <option value="10">Shop-Seiten</option> </select> <input type="button" value="go" onclick="go()"> </form> <script Language="Javascript"> var mm=new Array() mm[0]="http://www.diethelm-glaser.net/grafiken/" mm[1]="http://www.diethelm-glaser.net/familie/" mm[2]="http://www.diethelm-glaser.net/fanseiten.htm" mm[3]="http://www.diethelm-glaser.net/fotos/" mm[4]="http://www.diethelm-glaser.net/hobbies.htm" mm[5]="http://www.diethelm-glaser.net/hp-hilfe/" mm[6]="http://www.diethelm-glaser.net/humor/" mm[7]="http://www.diethelm-glaser.net/service.htm" mm[8]="http://www.diethelm-glaser.net/modelle/" mm[9]="http://www.diethelm-glaser.net/shop/" function go() { var m=document.menu1.menu2.selectedIndex if (mm[m]>""){ window.open(mm[m]) } } </script> |
(wird fortgesetzt)
Java-Script-Generator: Generatoren
und natürlich SELF-HTML
und s. die "Hyperlinks"
wer die Seite
direkt aufgerufen hat, bitte hier klicken, um zur Startseite zu kommen!
Diese Seite wurde am 27. Juli 2001 erstellt, letzte Änderung am
13. Juni 2018
© Diethelm Glaser, alle Rechte vorbehalten | Seite 1.258
dieser Frameset | gesamte HP | |
seit 3.11.2016 |
seit 26.8.2010 |
seit 19.05.2007 |