Frage zu Java script und CSS

[Anonymous]

Ich möchte nur bei einen Teil einer Seite daß die Links nicht unterstrichen sind, ich habe dies gefunden aber alle Links auf der Seite sind dann nicht unterstrichen, ist es auch möglich daß nur ein Teil den ich wünsche nicht unterstrichen ist?

[code:1:dc232d49c7]<style type="text/css">
<!--
a:link {color:#black;text-decoration:none;}

a:visited {color:#black;text-decoration:none;}

a:active {color:black;text-decoration:none;}

a:hover {color:#black;text-decoration:none;}
//-->
</style>[/code:1:dc232d49c7]

Dann würde ich gerne diese Mausverfolgung verwenden, was muß ich genau an diesem Script verändern muß damit es auch mit einer anderen Datei funktioniert außer "alien" da ja meine Datei einen anderen Namen hat, habe wohl gefunden wo ich die verschiedenen Datei Namen ändern muß aber das sind soviele "alien" bezeichnungen und ich weiß nich was ich alles ändern muß damit es korrekt funktioniert, würde mich sehr freun über eure Hilfe.

[code:1:dc232d49c7]
var Ver4=parseInt(navigator.appVersion.charAt( 0))>=4
var IE=navigator.appName.indexOf("Microsoft&q uot;)!=-1
var al, imagesrc, ex=-32, ey=-32, x0=-32, y0=-32

function BewegeAlien()
{ // Neue Position des Alien berechnen
if (Math.abs(ex-x0)>=10) { x0+=Math.floor((ex-x0)*0.1) }
else if (ex!=x0) { x0+=Math.abs(ex-x0)/(ex-x0) }
if (Math.abs(ey-y0)>=10) { y0+=Math.floor((ey-y0)*0.1) }
else if (ey!=y0) { y0+=Math.abs(ey-y0)/(ey-y0) }

// entsprechende Grafik in Bezug zur Maus-Position waehlen
imagesrc=""
if ( (ex<x0) && ( (x0-ex) > Math.abs(y0-ey)/2 ) )
{ imagesrc="temporal/plush6.gif"
if ( (x0-ex) < Math.abs(y0-ey)*2 )
{ if (ey<y0) imagesrc="temporal/plush6.gif"
if (ey>y0) imagesrc="temporal/plush6.gif"
}
}
if ( (ex>x0) && ( (ex-x0) > Math.abs(y0-ey)/2) )
{ imagesrc="temporal/plush6.gif"
if ( (ex-x0) < Math.abs(y0-ey)*2 )
{ if (ey<y0) imagesrc="temporal/plush6.gif"
if (ey>y0) imagesrc="temporal/plush6.gif"
}
}
if (imagesrc=="")
{ if (ey<y0) imagesrc="temporal/plush6.gif"
if (ey>y0) imagesrc="temporal/plush6.gif"
if ((ex==x0)&&(ey==y0)) imagesrc="temporal/plush6.gif"
}

// Grafik und Position setzen
if (Ver4)
{ if (!IE)
{ document.AlienLayer.document.images.alien.src=imag esrc }
else document.all.AlienLayer.document.images.alien.src= imagesrc
}
al.left=x0-32
al.top=y0

setTimeout("BewegeAlien();", 100)
}

function MeinMausEvent(e)
{ // Position des Maus-Cursors ermitteln
if (Ver4)
{ if (!IE)
{ ex=e.pageX
ey=e.pageY }
else
{ ex=event.clientX + document.body.scrollLeft
ey=event.clientY + document.body.scrollTop }
}
}

function ScriptSetup()
{ // Alle Alien-Grafiken laden
isIm = (document.images) ? 1 : 0
if (isIm)
{ arImLoad = new Array
('plush6','plush6','plush6','plush6','plush 6',
'plush6','plush6','plush6','plush6')
arImList = new Array ()
for (counter in arImLoad)
{ arImList[counter] = new Image()
arImList[counter].src = arImLoad[counter] + '.gif'
}
}

// Globale Variablen setzen und Maus-Event initialisieren
if (Ver4)
{ if (!IE)
{ al=document.AlienLayer
document.captureEvents(Event.MOUSEMOVE)
}
else
{ al=document.all.AlienLayer.style }
document.onmousemove = MeinMausEvent
BewegeAlien()
}
}

function Copyright()
{ window.focus()
alert("Let me skate and enjoy the site about me...") }

function ZeigeAlien()
{ // Setzen der Block-Level Container zur Anzeige der Grafiken
if(Ver4)
{ s ='<DIV STYLE="visibility:hidden"></DIV>'
s+='<DIV ID="AlienLayer" STYLE="position:absolute; '
s+='top:-32; left:-32; width:32; height:32">'
s+='<A HREF="javascript:Copyright();&quo t;>'
s+='<IMG NAME="alien" SRC="plush6.gif" border=0>'
s+='</A></DIV>'
document.writeln(s)
}
}

window.onload = ScriptSetup
ZeigeAlien()[/code:1:dc232d49c7]
fm-g.de: QT in Code-Tag gapackt

[Anonymous]

Sorry, habe das falsche script geposted :roll: mit dem oben habe ich nur experimentiert :P:

[code:1:66030a67e7]var Ver4=parseInt(navigator.appVersion.charAt( 0))>=4
var IE=navigator.appName.indexOf("Microsoft&q uot;)!=-1
var al, imagesrc, ex=-32, ey=-32, x0=-32, y0=-32

function BewegeAlien()
{ // Neue Position des Alien berechnen
if (Math.abs(ex-x0)>=10) { x0+=Math.floor((ex-x0)*0.1) }
else if (ex!=x0) { x0+=Math.abs(ex-x0)/(ex-x0) }
if (Math.abs(ey-y0)>=10) { y0+=Math.floor((ey-y0)*0.1) }
else if (ey!=y0) { y0+=Math.abs(ey-y0)/(ey-y0) }

// entsprechende Grafik in Bezug zur Maus-Position waehlen
imagesrc=""
if ( (ex<x0) && ( (x0-ex) > Math.abs(y0-ey)/2 ) )
{ imagesrc="alien_l.gif"
if ( (x0-ex) < Math.abs(y0-ey)*2 )
{ if (ey<y0) imagesrc="alien_lo.gif"
if (ey>y0) imagesrc="alien_lu.gif"
}
}
if ( (ex>x0) && ( (ex-x0) > Math.abs(y0-ey)/2) )
{ imagesrc="alien_r.gif"
if ( (ex-x0) < Math.abs(y0-ey)*2 )
{ if (ey<y0) imagesrc="alien_ro.gif"
if (ey>y0) imagesrc="alien_ru.gif"
}
}
if (imagesrc=="")
{ if (ey<y0) imagesrc="alien_o.gif"
if (ey>y0) imagesrc="alien_u.gif"
if ((ex==x0)&&(ey==y0)) imagesrc="alien.gif"
}

// Grafik und Position setzen
if (Ver4)
{ if (!IE)
{ document.AlienLayer.document.images.alien.src=imag esrc }
else document.all.AlienLayer.document.images.alien.src= imagesrc
}
al.left=x0-32
al.top=y0

setTimeout("BewegeAlien();", 100)
}

function MeinMausEvent(e)
{ // Position des Maus-Cursors ermitteln
if (Ver4)
{ if (!IE)
{ ex=e.pageX
ey=e.pageY }
else
{ ex=event.clientX + document.body.scrollLeft
ey=event.clientY + document.body.scrollTop }
}
}

function ScriptSetup()
{ // Alle Alien-Grafiken laden
isIm = (document.images) ? 1 : 0
if (isIm)
{ arImLoad = new Array
('alien','alien_u','alien_o','alien_l','alien_ r',
'alien_lu','alien_lo','alien_ru','alien_ro')
arImList = new Array ()
for (counter in arImLoad)
{ arImList[counter] = new Image()
arImList[counter].src = arImLoad[counter] + '.gif'
}
}

// Globale Variablen setzen und Maus-Event initialisieren
if (Ver4)
{ if (!IE)
{ al=document.AlienLayer
document.captureEvents(Event.MOUSEMOVE)
}
else
{ al=document.all.AlienLayer.style }
document.onmousemove = MeinMausEvent
BewegeAlien()
}
}

function Copyright()
{ window.focus()
alert("Lass mich doch weiterfliegen! Ich suche hier die Pyramiden...") }

function ZeigeAlien()
{ // Setzen der Block-Level Container zur Anzeige der Grafiken
if(Ver4)
{ s ='<DIV STYLE="visibility:hidden"></DIV>'
s+='<DIV ID="AlienLayer" STYLE="position:absolute; '
s+='top:-32; left:-32; width:32; height:32">'
s+='<A HREF="javascript:Copyright();&quo t;>'
s+='<IMG NAME="alien" SRC="alien.gif" border=0>'
s+='</A></DIV>'
document.writeln(s)
}
}

window.onload = ScriptSetup
ZeigeAlien()[/code:1:66030a67e7]
fm-g.de: QT -> Code

[codefreak]

Ich möchte nur bei einen Teil einer Seite daß die Links nicht unterstrichen sind, ich habe dies gefunden aber alle Links auf der Seite sind dann nicht unterstrichen, ist es auch möglich daß nur ein Teil den ich wünsche nicht unterstrichen ist?

[code:1:8d977aa129]<style type="text/css">
<!--
a:link {color:#black;text-decoration:none;}

a:visited {color:#black;text-decoration:none;}

a:active {color:black;text-decoration:none;}

a:hover {color:#black;text-decoration:none;}
//-->
</style>[/code:1:8d977aa129]

Ja, das geht, funktioniert allerdings nicht zuverlässig mit allen Browsern.
Du musst einfach für die Links, die unterstrichen sein sollen, eine eigene Klasse definieren.
Also z. B.
[code:1:8d977aa129]<a href="DeinLink" class="unterstrichen">Linktext</a>[/code:1:8d977aa129]
Die CSS-Definition sieht dann für diese Klasse so aus:
[code:1:8d977aa129]<style type="text/css">
<!--
a:link.unterstrichen {CSS-Formatierungen}
a:visited.unterstrichen {CSS-Formatierungen}
a:active.unterstrichen {CSS-Formatierungen}
a:hover.unterstrichen {CSS-Formatierungen}
//-->
</style>[/code:1:8d977aa129]
Beim zweiten Script musst du nur die Bildpfade nach deinen Wünschen / Vorstellungen anpassen.

[Anonymous]

Danke für die Antwort, habe es gleich ausprobiert das CSS aber es funktioniert nicht, der Link den ich unterstrichen haben will ist es immernoch nicht, kommt der code in den head oder body teil? Ich bin da noch ziemlich neu drin, experimentiere erst seit ein paar Tagen damit :P Ich habe IE 5.5, ich denke damit sollte es gehen :roll:

Also nur die Pfade ändern? Dann hat das z.B keine Bedeutung, ich meine meine Datei ist noch heißt Alien :lol:

{ al=document.all.AlienLayer.style }
document.onmousemove = MeinMausEvent
BewegeAlien()

Ich kann das alles so unverändert lassen bis auf die Pfade?

[codefreak]

Danke für die Antwort, habe es gleich ausprobiert das CSS aber es funktioniert nicht, der Link den ich unterstrichen haben will ist es immernoch nicht, kommt der code in den head oder body teil? Ich bin da noch ziemlich neu drin, experimentiere erst seit ein paar Tagen damit :P Ich habe IE 5.5, ich denke damit sollte es gehen :roll:

Die CSS-Definition, die du (natürlich) vorher noch an deine Bedürfnisse anpassen musst, kommt in den head-Teil.

Also nur die Pfade ändern? Dann hat das z.B keine Bedeutung, ich meine meine Datei ist noch heißt Alien :lol:

{ al=document.all.AlienLayer.style }
document.onmousemove = MeinMausEvent
BewegeAlien()

Ich kann das alles so unverändert lassen bis auf die Pfade?

Korrekt!

[Anonymous]

Vielen Dank für deine Hilfe mir ist immer noch was nicht klar, wie muß ich die CSS-Definition meinen Bedürfnissen anpassen? Angenommen meine Datei heißt "news.htm" die unterstrichen werden soll was muß ich denn genau anpassen außer den a href teil? Soll ich den CSS Teil genau in den head Teil einfügen so wie er da steht oder was muß ich da ändern? Sorry ich bin da völlig ahnungslos, vielleicht kannst du den genauen code für das Beispiel posten? Danke!!

[codefreak]

Oops, sorry, hab überlesen, dass du dich erst seit kurzem mit HTML versuchst.
Der CSS-Teil könnte z. B. so aussehen:
[code:1:2a5cdea44f]<style type="text/css">
<!--
a:link.unterstrichen {color:#black;text-decoration:underline;}
a:visited.unterstrichen {color:#black;text-decoration:underline;}
a:hover.unterstrichen {color:#black;text-decoration:underline;}
a:active.unterstrichen {color:black;text-decoration:underline;}
//-->
</style>[/code:1:2a5cdea44f]

[Anonymous]

Perfekt es funktioniert!! Ich hätte das nie selbst herausgefunden :P Ich beschäftige mich schon lange mit HTML schreibe alles selbst im windows editor weil ich kein Geld für teure Webseiten Programme ausgeben wollte mußte ich HTML lernen :lol: aber CSS und Java Script ist Neuland für mich.

[Anonymous]

Habe noch eine Frage: Ich habe mich nun für diesem Mauszeiger endschieden, kann man ihn auch links vom Mauszeiger plazieren anstatt rechts?? Was muß ich genau ändern?

[code:1:7c5df8b561]<script language="JavaScript">
<!-- mausverfolgung
function browsertyp()
{
if (!document.images) return "IE3";
else if (document.layers) return "NN4";
else if (document.all) if (document.getElementById) return "IE5";
else return "IE4";
else if (document.getElementById) return "NN6";
else return "NN3";
}

Browser=browsertyp();

if (Browser=="NN4")
{
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove= Bild_bewegen;

function Bild_bewegen(Bewegung)
{ //benötigt Variable Browser, belegt mit Wert aus Funktion browsertyp()
if (Browser=="IE4" || Browser=="IE5")
{
document.all.grafik.style.left=window.event.client X+ document.body.scrollLeft;
document.all.grafik.style.top=window.event.clientY + document.body.scrollTop;
}
else if (Browser=="NN4")
{
document.grafik.moveTo(Bewegung.pageX,Bewegung .pageY);
}
else if (Browser=="NN6")
{
document.getElementById("grafik"&#41 ;.style.left=Bewegung.pageX;
document.getElementById("grafik"&#41 ;.style.top=Bewegung.pageY;
}
}

//-->
</script>

<style type="text/css">
<!--
#grafik {
position:absolute;
}
-->
</style>





<style type="text/css">
<!--
a:link.unterstrichen {color:#006699;text-decoration:underline;}
a:visited.unterstrichen {color:#006699;text-decoration:underline;}
a:hover.unterstrichen {color:#006699;text-decoration:underline;}
a:active.unterstrichen {color:#006699;text-decoration:underline;}
//-->
</style>


[/code:1:7c5df8b561]

[DieterLaser]

schaut mal bei http://www.w3c.org vorbei!

Dokumentationen über CSS und Co. for free.

http://www.siebachmeyer.de

[LGm]

Dokumentationen über CSS und Co. for free.

Free und Englisch!

Ich denke für die meisten dürfte SelfHTML doch die bessere Wahl sein.
In diesem Fall dann der Bereich CSS Stylesheets und JavaScript.

[Anonymous]

Ich denke für die meisten dürfte SelfHTML doch die bessere Wahl sein.
In diesem Fall dann der Bereich CSS Stylesheets und JavaScript.

Die Seite kenne ich schon, verstehe dessalb Java Scribt nicht besser :P :lol: ist nicht so einfach wie die einfachen HTML befehle. Werde aber mal das ein oder andere versuchen.

Ich möchte nun einfach nur wissen ob ich bei dem zuletzt geposteten script das Mauszeiger Bild auch auf die linke Seite des Mauszeigers bekomme. Wäre unendlich dankbar für eine Antwort

[codefreak]

Wie bindet man das Script ein?

Ich bekomme es irgendwie nichtmal testweise hin, dass es funktioniert.

Ich vermute, dass es funktionieren könnte, wenn du clientY gegen clientX und pageY gegen pageX und umgekehrt austauschst, bin mir aber nicht sicher.

[Anonymous]

Ich habe das versucht mit dem client, da kommt nur chaos raus :cry:

Das script kommt so wie es ist in den head teil und dieser code in den body teil:

[code:1:53c8340719]<div id="grafik" >
<img src="...bild datei...">
</div>[/code:1:53c8340719]

[codefreak]

Da sich meine Vermutung nicht bewahrheitet hat, bleibt mir leider nichts anderes übrig, als deine Frage an die anderen User weiterzugeben - in der Hoffnung, dass jemand anderes sich besser mit JavaScript auskennt, denn ich bin jetzt nämlich überfragt.

Es könnte aber auch sein, dass es garnicht geht, so wie du es gerne haben möchtest.