OnlineWebService Webmaster Foren     Zu OnlineWebService.de - Gästebücher, Flash Gästebücher, Foren, Umfragen, Counter

Zurück   OnlineWebService Webmaster Foren > OWS Webmaster Foren > HTML, JavaScript, CSS

Antwort
 
Themen-Optionen Ansicht
  #11  
Alt 19.07.2002, 21:32
Benutzerbild von Warhog
Warhog Warhog ist offline
OWS Junkie
 
Registriert seit: 07.06.2002
Ort: Bocholt (Nordrheinwestfalen, an der Grenze zu den Niederlanden)
Beiträge: 8.875
Standard

Die Passwort Abfrage is... leicht zu durchbrechen!

DHTML-Script, Wechselt die Farbe der Scrollbar onmouseover

</span><table border="0" align="center" width="95%" cellpadding="3" cellspacing="1"><tr><td> </td></tr><tr><td id="CODE"><html>

<head>

</head>

<body>
<script language="JavaScript1.2">
<!--

//onMouseover Scrollbar effect- by Svetlin Staev (svetlins@yahoo.com)
//Submitted to Dynamic Drive
//Visit http://www.dynamicdrive.com for this script

/*---------------[IE 5.5 Scrollbars colorer]--------------------*/
function scrollBar(line,face,theme)
&nbsp;{
&nbsp; &nbsp;if (!line||!face)
&nbsp; &nbsp; &nbsp;{
&nbsp; &nbsp; &nbsp; &nbsp;line=null;
&nbsp; &nbsp; &nbsp; &nbsp;face=null;
&nbsp; &nbsp; &nbsp; &nbsp;switch(theme) // Predefined themes
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;{
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;case "blue":
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;var line="#78AAFF";
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;var face="#EBF5FF";
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;break;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;case "orange":
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;var line="#FBBB37";
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;var face="#FFF9DF";
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;break;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;case "red":
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;var line="#FF7979";
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;var face="#FFE3DD";
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;break;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;case "green":
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;var line="#00C600";
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;var face="#D1EED0";
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;break;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;case "neo":
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;var line="#BC7E41";
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;var face="#EFE0D1";
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;break;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;}
&nbsp; &nbsp; &nbsp;}

&nbsp; &nbsp; &nbsp; &nbsp;with(document.body.style)
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;{
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;scrollbarDarkShadowColor=line;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;scrollbar3dLightColor=line;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;scrollbarArrowColor="black";
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;scrollbarBaseColor=face;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;scrollbarFaceColor=face;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;scrollbarHighlightColor=face;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;scrollbarShadowColor=face;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;scrollbarTrackColor="#F3F3F3";
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;}
&nbsp; &nbsp; &nbsp;}

/*------------------[Pointer coordinates catcher]---------------*/
function colorBar(){
&nbsp; &nbsp;var w = document.body.clientWidth;
&nbsp; &nbsp;var h = document.body.clientHeight;
&nbsp; &nbsp;var x = event.clientX;
&nbsp; &nbsp;var y = event.clientY;
&nbsp; &nbsp;if(x>w) scrollBar('#000080','#BFDFFF'); // Your colors
&nbsp; &nbsp;else scrollBar(null,null,"neo"); // A predefined theme
&nbsp;}

if (document.all){
scrollBar(null,null,"neo");
document.onmousemove=colorBar;
}
//-->
</script>
</body>
</html>[/quote]<span id='postcolor'>
__________________
Latest g-boxx v1.6.2
http://www.warhog.info/

Meine HomePage
http://www.scravy.de/
Mit Zitat antworten
  #12  
Alt 20.07.2002, 11:30
mp_phoenix mp_phoenix ist offline
Erfahrener Benutzer
 
Registriert seit: 05.02.2002
Beiträge: 122
Standard

ein statusbar blink effekt</span><table border="0" align="center" width="95%" cellpadding="3" cellspacing="1"><tr><td> </td></tr><tr><td id="CODE"><script LANGUAGE="JavaScript">
<!-- Begin
var message="hier kann ein beliebiger Text eingefügt werden * * * ";
var speed=400;
var visible=0;
function Flash() {
if (visible == 0) {
window.status=message;
visible=1;
} else {
window.status="";
visible=0;
}
setTimeout('Flash()', speed);
}
// End -->
</script>[/quote]<span id='postcolor'>
dann muss in den body</span><table border="0" align="center" width="95%" cellpadding="3" cellspacing="1"><tr><td> </td></tr><tr><td id="CODE"><body onLoad="Flash()">[/quote]<span id='postcolor'>

ein script zum untertiteln von links</span><table border="0" align="center" width="95%" cellpadding="3" cellspacing="1"><tr><td> </td></tr><tr><td id="CODE"><style>
.BubbleClass { text-color: #000000; background-color: #ffff80; }
#bubble{ position: absolute; left: 145px; top: *0px; height:10px; visiblity: hidden; z-index:10; }
</style>
<script language="JavaScript">
<!--
var mx=0;
var my=0;
isNetscape = false;
function watch_mouse(e)
{
if (isNetscape)
{
mx = e.x;
my = e.y;
}
else
{
mx = window.event.x;
my = window.event.y;
}
}

function ShowBubble(text)
{
if (isNetscape)
{
with (document.bubble.document)
{
open();
write("<span class='BubbleClass'>" + text +"</span>");
close();
}
document.bubble.left = mx;
document.bubble.top *= my +10;
document.bubble.visibility = "SHOW";
}
else
{

bubble.style.left = mx;
bubble.style.top *= my +10;
document.all.bubble.innerHTML = "<table border=0><tr><td><span class='BubbleClass'>" + text +"</span></td></tr></table>";

bubble.style.visibility = "visible";
}
}

function HideBubble()
{
if (isNetscape)
{
document.bubble.visibility = "HIDE";
}
else
{
bubble.style.visibility = "hidden";

}
}

function init()
{
if (navigator.appName =="Netscape") {
isNetscape = true;
}
BrowserVar = parseFloat(navigator.appVersion);
if (BrowserVar < 4)
{
return;
}

if (isNetscape)
{
document.captureEvents(Event.MOUSEMOVE);
}

document.onmousemove = watch_mouse;
HideBubble();
}

function dummy()
{
}

//--->
</script>[/quote]<span id='postcolor'>
in das body muss dann</span><table border="0" align="center" width="95%" cellpadding="3" cellspacing="1"><tr><td> </td></tr><tr><td id="CODE"><body onload="init()">[/quote]<span id='postcolor'>
und um es irgendwo einzufügen</span><table border="0" align="center" width="95%" cellpadding="3" cellspacing="1"><tr><td> </td></tr><tr><td id="CODE"><ol>
*<div id="bubble"><p>..... </p>
*</div><p align="center">wenn man mit der Maus über diesen <a
*onmouseover="ShowBubble('hier geht es zur Testseite')" onmouseout="HideBubble()"
*href="test.htm">Link</a> geht, dann erscheint eine Zusatzinformation<br>
*</p>
</ol>[/quote]<span id='postcolor'>

will ja schließlich nicht nur streiten hier *
__________________
^ I'm back ! (:
Mit Zitat antworten
  #13  
Alt 24.07.2002, 22:06
TRiKKi TRiKKi ist offline
OWS Stammuser
 
Registriert seit: 01.03.2002
Beiträge: 650
Standard

Browserweiche deluxe

</span><table border="0" align="center" width="95%" cellpadding="3" cellspacing="1"><tr><td> </td></tr><tr><td id="QUOTE">
<script language=&quot;JavaScript&quot; type=&quot;text/javascript&quot;&gt;
<!--
var browser = navigator.userAgent.toLowerCase();
var ganzzahl = parseInt(navigator.appVersion);
var genauezahl = parseFloat(navigator.appVersion);
//ist es netscape
var netscape = ((browser.indexOf('mozilla' )!=-1) &amp;&amp; (browser.indexOf('spoofer' )==-1) &amp;&amp; (browser.indexOf('compatible' ) == -1) &amp;&amp; (browser.indexOf('opera' )==-1) &amp;&amp; (browser.indexOf('webtv' )==-1) &amp;&amp; (browser.indexOf('hotjava' )==-1));
var netscape4 = (netscape &amp;&amp; (ganzzahl == 4));
var netscape4up = (netscape &amp;&amp; (ganzzahl &gt;= 4));
var netscapeonly = (netscape &amp;&amp; ((browser.indexOf(&quot;;nav&quot != -1) || (browser.indexOf(&quot;; nav&quot != -1)));
//ist es netscape 6
var netscape6 = (netscape &amp;&amp; (ganzzahl == 5));
var netscape6up = (netscape &amp;&amp; (ganzzahl &gt;= 5));
var is_gecko = (browser.indexOf('gecko' ) != -1);
//ist es internet explorer
var explorer = ((browser.indexOf(&quot;msie&quot != -1) &amp;&amp; (browser.indexOf(&quot;opera&quot == -1));
var explorer3 = (explorer &amp;&amp; (ganzzahl &lt; 4));
var explorer4 = (explorer &amp;&amp; (ganzzahl == 4) &amp;&amp; (browser.indexOf(&quot;msie 5&quot==-1));
var explorer4up = (explorer &amp;&amp; (ganzzahl &gt;= 4));
var explorer5 = (explorer &amp;&amp; (ganzzahl == 4) &amp;&amp; (browser.indexOf(&quot;msie 5.0&quot!=-1));
var explorer5_5 = (explorer &amp;&amp; (ganzzahl == 4) &amp;&amp; (browser.indexOf(&quot;msie 5.5&quot !=-1));
var explorer5up = (explorer &amp;&amp; !explorer3 &amp;&amp; !explorer4);
var explorer5_5up =(explorer &amp;&amp; !explorer3 &amp;&amp; !explorer4 &amp;&amp; !explorer5);
var explorer6 = (explorer &amp;&amp; (ganzzahl == 4) &amp;&amp; (browser.indexOf(&quot;msie 6.0&quot !=-1));
//ist es opera
var opera = (browser.indexOf(&quot;opera&quot != -1);
var opera4 = (browser.indexOf(&quot;opera 4&quot != -1);
var opera5 = (opera &amp;&amp; (ganzzahl == 5));
var opera5up = (opera &amp;&amp; (ganzzahl &gt;=5));
//variablen sind 1, wenn bedingung zutrifft, sonst 0
if (netscape) {
if (netscape6up)
window.location.href = &quot;uri.html&quot;;
else {
if (netscape4up){
window.location.href = &quot;uri.html&quot;;}
else
window.location.href = &quot;uri.html&quot;;
}
}
else {
if (explorer) {
if (explorer6)
window.location.href =&quot;uri.html&quot;;
else {
if (explorer5_5 || explorer5 || explorer5_5up)
window.location.href = &quot;uri.html&quot;;
else {
if (explorer4up || explorer4)
window.location.href = &quot;uri.html&quot;;
else
window.location.href = &quot;uri.html&quot;;
}
}
}
else {
if (opera) {
if (opera5up)
window.location.href = &quot;uri.html&quot; ;
else {
if (opera4)
window.location.href = &quot;uri.html&quot;;
else
window.location.href = &quot;uri.html&quot;;
}
}
else
window.location.href = &quot;uri.html&quot;;
}
}
//-->
&lt;/script&gt;
[/quote]<span id='postcolor'>

Splittet nach den verschiedenen Versionen der Browser Netscape, MSIE, Opera und dann noch &quot;other&quot;.
&quot;uri.html&quot; -&gt; beliebige URI angeben.

TRiKKi
__________________
&lt;b&gt;&lt;a href=&quot;http://www.trikki.de&quot; target=&quot;_blank&quot;&gt;+++ TRiKKi +++&lt;/a&gt;&lt;/b&gt;
Mit Zitat antworten
  #14  
Alt 24.07.2002, 22:14
TRiKKi TRiKKi ist offline
OWS Stammuser
 
Registriert seit: 01.03.2002
Beiträge: 650
Standard

Screenresolution

</span><table border="0" align="center" width="95%" cellpadding="3" cellspacing="1"><tr><td> </td></tr><tr><td id="QUOTE">
<script language=&quot;JavaScript1.2&quot;&gt;
<!--
var correctwidth=1024
var correctheight=768
if (screen.width!=correctwidth||screen.height!=correc theight)
document.write(&quot;This webpage is bested viewed with screen resolution &quot;+correctwidth+&quot;*&quot;+correctheight+&q uot;. Your current
resolution is &quot;+screen.width+&quot;*&quot;+screen.height+&q uot;. If possible, please change the resolution!&quot
//-->
&lt;/script&gt;
[/quote]<span id='postcolor'>

Checkt die Bildschirmauflösung. Wenn diese nicht der &quot;gewünschten&quot; (viele sprechen von optimierten) Auflösung entspricht, kommt die Meldung, die in der Klammer angegeben ist.

TRiKKi
__________________
&lt;b&gt;&lt;a href=&quot;http://www.trikki.de&quot; target=&quot;_blank&quot;&gt;+++ TRiKKi +++&lt;/a&gt;&lt;/b&gt;
Mit Zitat antworten
  #15  
Alt 24.07.2002, 22:20
TRiKKi TRiKKi ist offline
OWS Stammuser
 
Registriert seit: 01.03.2002
Beiträge: 650
Standard

Bedenklich ... wird aber gerne für neue DHTML-Werbeformen eingesetzt -&gt; wackelndes Fenster

</span><table border="0" align="center" width="95%" cellpadding="3" cellspacing="1"><tr><td> </td></tr><tr><td id="QUOTE">
<script language=&quot;JavaScript&quot; type=&quot;text/javascript&quot;&gt;
<!--
function shakeWindow(Anzahl,Amplitude) {
if (self.moveBy) {
for (i = Amplitude; i &gt; 0; i--) {
for (j = Anzahl; j &gt; 0; j--) {
self.moveBy(0,i);
self.moveBy(i,0);
self.moveBy(0,-i);
self.moveBy(-i,0);
&nbsp; &nbsp; &nbsp; &nbsp; }
&nbsp; &nbsp; &nbsp; }
&nbsp; }


}
//-->
&lt;/SCRIPT&gt;

im body dann: ONLOAD=&quot;javascript: shakeWindow(2,10)
[/quote]<span id='postcolor'>

TRiKKi
__________________
&lt;b&gt;&lt;a href=&quot;http://www.trikki.de&quot; target=&quot;_blank&quot;&gt;+++ TRiKKi +++&lt;/a&gt;&lt;/b&gt;
Mit Zitat antworten
  #16  
Alt 24.07.2002, 22:29
TRiKKi TRiKKi ist offline
OWS Stammuser
 
Registriert seit: 01.03.2002
Beiträge: 650
Standard

Umleitung Auflösung

Je nach Auflösung werden die User auf die entsprechende Seite umgeleitet.

</span><table border="0" align="center" width="95%" cellpadding="3" cellspacing="1"><tr><td> </td></tr><tr><td id="QUOTE">
<script language=&quot;JavaScript&quot;&gt;
<!--
&nbsp; &nbsp; ScreenRes = screen.width;
&nbsp; &nbsp; if (ScreenRes &gt;= &quot;1024&quot res = &quot;r1&quot;;
&nbsp; &nbsp; else if (ScreenRes &lt;= &quot;800&quot res = &quot;r2&quot;;
&nbsp; &nbsp; if (res == &quot;r1&quot {
&nbsp; &nbsp; &nbsp; &nbsp; location.href=&quot;1024.htm&quot;; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; }
&nbsp; &nbsp; if (res == &quot;r2&quot {
&nbsp; &nbsp; &nbsp; &nbsp; location.href=&quot;800.htm&quot;; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; }
&nbsp; &nbsp; //-->
&lt;/script&gt;
[/quote]<span id='postcolor'>

Achtung Falle: Falls der User mit einer anderen Auflösung als oben angegeben fährt, wird er hier hängen
bleiben. Dieses Script ist aber relativ einfach zu erweitern. Am besten noch ein else als Default rein ...

TRiKKi
__________________
&lt;b&gt;&lt;a href=&quot;http://www.trikki.de&quot; target=&quot;_blank&quot;&gt;+++ TRiKKi +++&lt;/a&gt;&lt;/b&gt;
Mit Zitat antworten
  #17  
Alt 04.08.2002, 20:52
Benutzerbild von Warhog
Warhog Warhog ist offline
OWS Junkie
 
Registriert seit: 07.06.2002
Ort: Bocholt (Nordrheinwestfalen, an der Grenze zu den Niederlanden)
Beiträge: 8.875
Standard

Status-Message-Script mit neuen Attributen für HTML

Dieses Script muss in den head eingebunden werden. Dann wird Standardmäßig die Standard message angezeigt in der Status Leiste. Weiterhin kann in jedes Tag ein neues Attribut status eingefügt werden. Wenn sich dann der Mauszeiger über dieses Obkjekt bewegt, wird der dazugehöige Text in der Statusleiste angezeigt!

</span><table border="0" align="center" width="95%" cellpadding="3" cellspacing="1"><tr><td> </td></tr><tr><td id="QUOTE"><script language=&quot;JavaScript&quot;&gt;<!--

/* © 2002 by Warhog */

var standard = &quot;Dein Status-Zeilen text!!&quot;;

function showMsg()
{ if (event.srcElement.status)
{ status = event.srcElement.status; }
else
{ status = standard; }
return true; }

function showMsgNd()
{ status = standard;
return true; }

if (document.all &amp;&amp; window.print)
{ document.onmousemove=showMsg; }
else
{ document.onmousemove=showMsgNd; }

//-->&lt;/script&gt;[/quote]<span id='postcolor'>

Anwendungsbeispiel:

</span><table border="0" align="center" width="95%" cellpadding="3" cellspacing="1"><tr><td> </td></tr><tr><td id="QUOTE">&lt;a href=&quot;index.htm&quot; status=&quot;Hier geht's zur Startseite&quot;&gt;Back 2 Home&lt;/a&gt;[/quote]<span id='postcolor'>
</span><table border="0" align="center" width="95%" cellpadding="3" cellspacing="1"><tr><td> </td></tr><tr><td id="QUOTE">&lt;b status=&quot;Fett&quot;&gt;Ein Text&lt;/b&gt;[/quote]<span id='postcolor'>
</span><table border="0" align="center" width="95%" cellpadding="3" cellspacing="1"><tr><td> </td></tr><tr><td id="QUOTE">&lt;img src=&quot;bild.jpg&quot; status=&quot;EIn Bild!!&quot; /&gt;[/quote]<span id='postcolor'>

Alles klar!?

FRagen an scravy@julian.de
__________________
Latest g-boxx v1.6.2
http://www.warhog.info/

Meine HomePage
http://www.scravy.de/
Mit Zitat antworten
  #18  
Alt 04.08.2002, 21:11
Benutzerbild von Warhog
Warhog Warhog ist offline
OWS Junkie
 
Registriert seit: 07.06.2002
Ort: Bocholt (Nordrheinwestfalen, an der Grenze zu den Niederlanden)
Beiträge: 8.875
Standard

Context-Menu (nur Internet Explorer 5.5 oder höher)

Dieses Script ist zwar nicht vollständig von mir, jedoch habe ich es &quot;versimpelt&quot; und gleichzeitig leistunsstärker gemacht. So hat es nun einen EInblendeffekt!!!

Ich werde es in den einzelnen Bestandteilen erläutern, das Script selber ist extern abgelegt in der Datei context.js ! Diese Datei ist diese hier: [am besten NIX ändern!]:
</span><table border="0" align="center" width="95%" cellpadding="3" cellspacing="1"><tr><td> </td></tr><tr><td id="CODE">FadeInObjects = new Object();
FadeInTimers = new Object();

function FadeIn(object, sicht, rate, delta)
{ if (!document.all)
&nbsp;{ return false; }
&nbsp;if (object != "[object]")
&nbsp;{ setTimeout("FadeIn("+object+","+sicht+","+rate+"," +delta+")",0);
&nbsp; &nbsp;return; }
&nbsp;clearTimeout(FadeInTimers[object.sourceIndex ]);
&nbsp;diff = sicht-object.filters.alpha.opacity;
&nbsp;direction = 1;
&nbsp;if (object.filters.alpha.opacity > sicht)
&nbsp;{ direction = -1; }
&nbsp;delta=Math.min(direction*diff,delta);
&nbsp;object.filters.alpha.opacity+=direction*delt a;
&nbsp;if (object.filters.alpha.opacity != sicht)
&nbsp;{ FadeInObjects[object.sourceIndex]=object;
&nbsp; &nbsp;FadeInTimers[object.sourceIndex]=setTimeout( "FadeIn(FadeInObjects["+object.sourceIndex+"],"+si cht+","+rate+","+delta+")",rate); } }

function light_on()
{ if (event.srcElement.className == "components")
&nbsp;{ event.srcElement.style.backgroundColor = right_menu.bghover;
&nbsp; &nbsp;event.srcElement.style.color = right_menu.txthover;
&nbsp; &nbsp;if (event.srcElement.statustext)
&nbsp; &nbsp;{ window.status = event.srcElement.statustext; } } }

function light_off()
{ if (event.srcElement.className == "components")
&nbsp;{ event.srcElement.style.backgroundColor= right_menu.bgoff;
&nbsp; &nbsp;event.srcElement.style.color = right_menu.txtoff;
&nbsp; &nbsp;window.status = ""; } }

function extension()
{ hide();
&nbsp;if (event.clientY> 0 &amp;&amp; event.clientX >0 &amp;&amp; event.clientY<document.body.clientHeight &amp;&amp; event.clientX<document.body.clientWidth)
&nbsp;{ if (document.body.clientHeight - event.clientY + document.body.scrollTop>document.body.clientHeight / 2)
&nbsp; &nbsp;{ right_menu.style.top = event.clientY + document.body.scrollTop; }
&nbsp; &nbsp;else
&nbsp; &nbsp;{ right_menu.style.top = event.clientY + document.body.scrollTop - 170; }
&nbsp; &nbsp;if (document.body.clientWidth- event.clientX + document.body.scrollLeft >document.body.clientWidth / 2)
&nbsp; &nbsp;{ right_menu.style.left = event.clientX + document.body.scrollLeft; }
&nbsp; &nbsp;else
&nbsp; &nbsp;{ right_menu.style.left = event.clientX + document.body.scrollLeft - 130; } }
&nbsp;else
&nbsp;{ right_menu.style.top = document.body.scrollTop;
&nbsp; &nbsp;right_menu.style.left = document.body.scrollLeft; }
&nbsp;right_menu.style.visibility = "visible";
&nbsp;FadeIn(right_menu,100,20,30);
&nbsp;return false; }

function hide()
{ right_menu.filters.alpha.opacity = 100;
&nbsp;right_menu.filters.alpha.opacity = 0;
&nbsp;right_menu.style.visibility = "hidden";
&nbsp;right_menu.style.left = -999;
&nbsp;right_menu.style.top = -999; }

function exe(type)
{ if (type == "back")
&nbsp;{ history.back(); }
&nbsp;else if (type == "forward")
&nbsp;{ history.forward(); }
&nbsp;else if (type == "home")
&nbsp;{ document.body.style.behavior='url(#default#homepag e)';
&nbsp; &nbsp;document.body.setHomePage(right_menu.hp); }
&nbsp;else if (type == "bookmark")
&nbsp;{ var imgFav= new Image();
&nbsp; &nbsp;imgFav.src= "http://www.flash-4you.com/favicon.ico";
&nbsp; &nbsp;window.external.AddFavorite(right_menu.hp , right_menu.desc); }
&nbsp;else if (type == "reload")
&nbsp;{ self.location.reload(); }
&nbsp;else if (type == "email")
&nbsp;{ location.href="mailto:eliterangers@aol.com"; }
&nbsp;else if (type == "info")
&nbsp;{ if (right_menu.info)
&nbsp; &nbsp;{ alert(right_menu.info); }
&nbsp; &nbsp;else
&nbsp; &nbsp;{ alert("n/a"); } } }

function cancelproc()
{ window.event.cancelBubble = true;
&nbsp;window.event.returnValue = false; }

if (document.all &amp;&amp; window.print)
{ document.oncontextmenu=extension;
&nbsp;document.body.onclick=hide;
&nbsp;right_menu.onmouseover=light_on;
&nbsp;right_menu.onmouseout=light_off;
&nbsp;right_menu.ondragstart=cancelproc;
&nbsp;right_menu.onselectstart=cancelproc; }[/quote]<span id='postcolor'>

Weiter geht's mit dem Dokument in das das Context-Menu soll. Ursprünglich wurde der meiste Teil erst beim Laden der Datei in das Dokument geschrieben, jedoch wird es dadurch für den laien zu kompliziert wie ich finde und führt zu schnell zu Syntax-Fehlern, daher habe ich das Menu in mehrere reale DIV-Container ausgelagert!

Beginnend mit dem ganz normalen Head Bereich und Style-Definitionen. Hierbei werden Klassen definiert, sie sind WICHTIG!!! NUr mit CSS erfahrene User sollten sich daran machen!! (oder SelfCSSS anschauen!&#33

</span><table border="0" align="center" width="95%" cellpadding="3" cellspacing="1"><tr><td> </td></tr><tr><td id="CODE"><html>

<head>

<style type="text/css"><!--

.components {
cursor: hand; }

.generale {
position: absolute;
left: -999;
top: -999;
z-index: 999;
cursor: default;
color: #ffffff;
width: 130;
visibility: hidden;
border: 0px solid black;
height: 170;
background: none;
filter: alpha(opacity=0); }

.components {
background-color: #333333;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
padding-left: 7px;
padding-right: 7px;
padding-top: 3px;
padding-bottom: 3px;
margin-top: 0px;
margin-bottom: 0px; }

.generale span class="divide" {
height: 1px;
color: silver; }

.components img {
margin-right: 7px; }

.divide {
display: block;
width: 100%;
height: 5px;
line-height: 1px;
font-size: 1px; }

//--></style>

</head>

<body bgcolor="black">[/quote]<span id='postcolor'>

Jetzt kommt das KOmplizierte. Keines Der nun folgenden Attribute darf wegfallen, verändern kannst du es gerne:

</span><table border="0" align="center" width="95%" cellpadding="3" cellspacing="1"><tr><td> </td></tr><tr><td id="CODE"><div
&nbsp;id="right_menu"
&nbsp;class="generale"
&nbsp;info="© by Warhog"
&nbsp;hp="http://deine.seite.de/subdir/page.php?action=lalala"
&nbsp;desc="subaaa startseite"
&nbsp;txthover="#ffff00"
&nbsp;bghover="#333333"
&nbsp;txtoff="#ffffff"
&nbsp;bgoff="#333333">[/quote]<span id='postcolor'>

id darf ncht verändert werden, class ist wichtig mit den styles. info ist der text der im conterxt menu bei info erscheint. hp die hp die zu den favoriten hinzugefügt wird oder auf wunsch des users zur startseite. desc ist die mini-beschreibung wenn die seite zu den favoriten geadded wird. txthover, bghover, txtoff und bgoff denke ich sind selbsterklärend.

</span><table border="0" align="center" width="95%" cellpadding="3" cellspacing="1"><tr><td> </td></tr><tr><td id="CODE">
<div class="components" onclick="exe('back')" statustext="Zurück zur letzten aufgerufenen Seite">
<img src="back.gif" align="absmiddle" width="16" height="15">Vorherige Seite</div>

<div class="components" onclick="exe('forward')" statustext="Zur nächsten Seite">
<img src="forward.gif" align="absmiddle" width="16" height="15">Nächste Seite</div>

<div class="components" onclick="exe('reload')" statustext="">
<img src="reload.gif" align="absmiddle" width="15" height="16">Aktualisieren</div><span class="divide"></span>

<div class="components" onclick="exe('home')" statustext="">
<img src="home.gif" align="absmiddle" width="16" height="16">Als Startseite</div>

<div class="components" onclick="exe('bookmark')" statustext="">
<img src="bookmark.gif" align="absmiddle" width="15" height="15">Zu den Favoriten</div><span class="divide"></span>

<div class="components" onclick="exe('email')" statustext="">
<img src="email.gif" align="absmiddle" width="16" height="16">Email Us</div><span class="divide"></span>

<div class="components" onclick="exe('info')" statustext="">
<img src="info.gif" align="absmiddle" width="16" height="16">Info</div>

</div>[/quote]<span id='postcolor'>

Das war das eigentliche Context-menu. Es kann beliebig erweitert werden, das Attribut statustext enthält den text der bei mouseover in der statuszeile angezeigt werden soll. Auch dieser teil sollte nur von erfahrenen Usern verändert werden (bis auf statustext&#33. Weiterhin sind für die einzelnen Menü-Punkte Bilder festgelegt, diese können entweder selbererstellt werden oder vom Internet Explorer, Opera oder so.....

</span><table border="0" align="center" width="95%" cellpadding="3" cellspacing="1"><tr><td> </td></tr><tr><td id="CODE"><script type="text/JavaScript" src="context.js"></script>

</body>

</html>[/quote]<span id='postcolor'>

HIer wird schließlich das Script eingefügt (es muss nach dem menu eingefügt werden!!&#33 und das dokument beendet.
__________________
Latest g-boxx v1.6.2
http://www.warhog.info/

Meine HomePage
http://www.scravy.de/
Mit Zitat antworten
  #19  
Alt 09.08.2002, 21:16
moonchild moonchild ist offline
Erfahrener Benutzer
 
Registriert seit: 06.08.2002
Beiträge: 157
Standard

so, ähhm, hab beschlossen, mich hier mal zu beteiligen, nachdem ich mir schon soviel *geborgt* hab....
simpel, aber ich fands hier noch nicht: ein STYLE (edit *g*) zum scrollbars lustig bunt machen * *(funkt aber leider nur ab IE 5.0, soweit ich weiß)

</span><table border="0" align="center" width="95%" cellpadding="3" cellspacing="1"><tr><td> </td></tr><tr><td id="CODE"><style type="text/css">
body, textarea {
*scrollbar-base-color:#000000;
*scrollbar-3dlight-color:#000000;
*scrollbar-arrow-color:#000000;
*scrollbar-darkshadow-color:#000000;
*scrollbar-face-color:#000000;
*scrollbar-highlight-color:#000000;
*scrollbar-shadow-color:#000000;
*scrollbar-track-color:#000000;
}
</style>[/quote]<span id='postcolor'>

die farben sollten natürlich geändert werden, sonst seh ich schwarz *gggg*
__________________
BANG OR BE BANGED!
Mit Zitat antworten
  #20  
Alt 19.09.2002, 13:49
Benutzerbild von Warhog
Warhog Warhog ist offline
OWS Junkie
 
Registriert seit: 07.06.2002
Ort: Bocholt (Nordrheinwestfalen, an der Grenze zu den Niederlanden)
Beiträge: 8.875
Standard

</span><table border="0" align="center" width="95%" cellpadding="3" cellspacing="1"><tr><td> </td></tr><tr><td id="CODE">function LSD()
{ var a = document.all.tags("body")[0].clientWidth;
*var x = event.clientX;
*if(x>a)
*{ with (document.all.tags("body")[0].style)
* *{ scrollbarFaceColor = "#ffffff";
* * *scrollbarHighlightColor = "#0000cc";
* * *scrollbar3dLightColor = "#ffffff";
* * *scrollbarDarkShadowColor = "#ffffff";
* * *scrollbarShadowColor = "#0000cc";
* * *scrollbarArrowColor = "black";
* * *scrollbarTrackColor = "#ffffff"; } }
*else
*{ with (daBody.style)
* *{ scrollbarFaceColor = "#ffffff";
* * *scrollbarHighlightColor = "silver";
* * *scrollbar3dLightColor = "#ffffff";
* * *scrollbarDarkShadowColor = "#ffffff";
* * *scrollbarShadowColor = "silver";
* * *scrollbarArrowColor = "black";
* * *scrollbarTrackColor = "#ffffff"; } }
*return true; }

document.onmousemove = LSD;[/quote]<span id='postcolor'>

Einfach die Farben einsetzen
__________________
Latest g-boxx v1.6.2
http://www.warhog.info/

Meine HomePage
http://www.scravy.de/
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.

Gehe zu


Alle Zeitangaben in WEZ +1. Es ist jetzt 19:34 Uhr.


Powered by vBulletin® Version 3.8.1 (Deutsch)
Copyright ©2000 - 2017, Jelsoft Enterprises Ltd.
OnlineWebService.de