• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

MikeTurrentos Spezialthread: Bei 'onclick' wird ein Link fett...

F

Flixxtoras

New member
Hallo jswelt,

ich hoffe ihr könnt mir bei einem kleinen JavaScript Problem weiterhelfen. Ich möchte gerne per JS das wenn man auf ein Link klickt (<a href"">) sich dieser in einen fetten Link umwandelt also sozusagen bold wird. Allerdings sollte er wenn man auf einen anderen Link klickt wieder normal werden. Ich wäre für eine Hilfestellung sehr dankbar. Am besten sollte es Cross Browser sein.
 
@all/quelltext

@all:

Erstmal die Fremdwörter:
DHTML, CSS, Style-Sheet, Javascript, Cross Browser, ??????????????

Ich hab mit meinem Homepage - Erstellungs - Programm
ganz schnell 2 hp - Seiten zu diesem Wunsch gebastelt!
Vielleicht hilft es, wenn man in den Quelltext dieser Seiten guckt? Ich kann leider mit Quelltext noch fast gar nichts anfangen.

http://www.hans-joachimfitting.de/dickeschrift_ie.htm
http://www.hans-joachimfitting.de/dickeschrift_ns.htm

Es interessiert mich mal ganz allgemein, ob so eine Quelltext Weitergabe sinnvoll ist - helfen kann?

@Flixxtorras:
Würd mal gerne Deine Meinung hören!

lg joachim


zu dickeschrift_ie.htm:
<html>
<head>
<meta name="GENERATOR" content="MatchWare Mediator 6.0">
<title>dickeschrift</title>

<SCRIPT LANGUAGE="JavaScript">
function IsOldBrowser() { return true; }
</SCRIPT>

<SCRIPT LANGUAGE="JavaScript" SRC="md8lib.js"></SCRIPT>

<SCRIPT LANGUAGE="JavaScript">

function dickeschrift_Text_MouseDown() {
if ( ! initialized) return;
clickobj=FindObject( "dickeschrift_Text");
}

function dickeschrift_Text_MouseUp() {
if ( ! initialized) return;
if ( clickobj == FindObject( "dickeschrift_Text")) {
actions.dickeschrift_Aktion06.Start();
actions.dickeschrift_Aktion15.Start();
actions.dickeschrift_Aktion08.Start();
actions.dickeschrift_Aktion07.Start();
actions.dickeschrift_Aktion03.Start();
}
clickobj=null;
}

function dickeschrift_Text_MoveIn() {
if ( ! initialized) return;
if ( insideobj == FindObject( "dickeschrift_Text")) return;
insideobj=FindObject( "dickeschrift_Text");
actions.dickeschrift_Aktion01.Start();
}

function dickeschrift_Text_MoveOut() {
if ( ! initialized) return;
actions.dickeschrift_Aktion02.Start();
insideobj=null;
}

function dickeschrift_Text01_MouseDown() {
if ( ! initialized) return;
clickobj=FindObject( "dickeschrift_Text01");
}

function dickeschrift_Text01_MouseUp() {
if ( ! initialized) return;
if ( clickobj == FindObject( "dickeschrift_Text01")) {
actions.dickeschrift_Aktion19.Start();
}
clickobj=null;
}

function dickeschrift_Text01_MoveIn() {
if ( ! initialized) return;
if ( insideobj == FindObject( "dickeschrift_Text01")) return;
insideobj=FindObject( "dickeschrift_Text01");
actions.dickeschrift_Aktion04.Start();
}

function dickeschrift_Text01_MoveOut() {
if ( ! initialized) return;
actions.dickeschrift_Aktion05.Start();
insideobj=null;
}

function dickeschrift_Text02_MouseDown() {
if ( ! initialized) return;
clickobj=FindObject( "dickeschrift_Text02");
}

function dickeschrift_Text02_MouseUp() {
if ( ! initialized) return;
if ( clickobj == FindObject( "dickeschrift_Text02")) {
actions.dickeschrift_Aktion20.Start();
actions.dickeschrift_Aktion12.Start();
actions.dickeschrift_Aktion18.Start();
actions.dickeschrift_Aktion17.Start();
actions.dickeschrift_Aktion13.Start();
}
clickobj=null;
}

function dickeschrift_Text02_MoveIn() {
if ( ! initialized) return;
if ( insideobj == FindObject( "dickeschrift_Text02")) return;
insideobj=FindObject( "dickeschrift_Text02");
actions.dickeschrift_Aktion09.Start();
}

function dickeschrift_Text02_MoveOut() {
if ( ! initialized) return;
actions.dickeschrift_Aktion10.Start();
insideobj=null;
}

function dickeschrift_Text03_MouseDown() {
if ( ! initialized) return;
clickobj=FindObject( "dickeschrift_Text03");
}

function dickeschrift_Text03_MouseUp() {
if ( ! initialized) return;
if ( clickobj == FindObject( "dickeschrift_Text03")) {
actions.dickeschrift_Aktion16.Start();
}
clickobj=null;
}

function dickeschrift_Text03_MoveIn() {
if ( ! initialized) return;
if ( insideobj == FindObject( "dickeschrift_Text03")) return;
insideobj=FindObject( "dickeschrift_Text03");
actions.dickeschrift_Aktion11.Start();
}

function dickeschrift_Text03_MoveOut() {
if ( ! initialized) return;
actions.dickeschrift_Aktion14.Start();
insideobj=null;
}

function OnPageReady() {

initialized = true;
}


function Initialize() {
if ( IsOldBrowser()) {
window.location = "oldbrowser.htm";
return;
}
else if ( IsNetscape()) {
window.location = "dickeschrift_ns.htm";
return;
}
BrowserInit();
actions.dickeschrift_Aktion01 = new SetCursorAction( "hand");
actions.dickeschrift_Aktion02 = new SetCursorAction( "default");
actions.dickeschrift_Aktion06 = new ShowAction( "dickeschrift_Text02", 0, effects.Normal );
actions.dickeschrift_Aktion15 = new HideAction( "dickeschrift_Text03", 0, effects.Normal );
actions.dickeschrift_Aktion08 = new ShowAction( "dickeschrift_Text01", 0, effects.Normal );
actions.dickeschrift_Aktion07 = new HideAction( "dickeschrift_Text", 0, effects.Normal );
actions.dickeschrift_Aktion03 = new HttpAction( "http://www.hans-joachimfitting.de/dickeschrift1_ie.htm",true)
FindObject( "dickeschrift_Text").onmousedown = function(){ dickeschrift_Text_MouseDown(); };
FindObject( "dickeschrift_Text").onmouseup = function(){ dickeschrift_Text_MouseUp(); };
FindObject( "dickeschrift_Text").onmousemove = function(){ dickeschrift_Text_MoveIn(); };
FindObject( "dickeschrift_Text").onmouseout = function(){ dickeschrift_Text_MoveOut(); };
actions.dickeschrift_Aktion04 = new SetCursorAction( "hand");
actions.dickeschrift_Aktion05 = new SetCursorAction( "default");
actions.dickeschrift_Aktion19 = new HttpAction( "http://www.hans-joachimfitting.de/dickeschrift1_ie.htm",true)
FindObject( "dickeschrift_Text01").onmousedown = function(){ dickeschrift_Text01_MouseDown(); };
FindObject( "dickeschrift_Text01").onmouseup = function(){ dickeschrift_Text01_MouseUp(); };
FindObject( "dickeschrift_Text01").onmousemove = function(){ dickeschrift_Text01_MoveIn(); };
FindObject( "dickeschrift_Text01").onmouseout = function(){ dickeschrift_Text01_MoveOut(); };
actions.dickeschrift_Aktion09 = new SetCursorAction( "hand");
actions.dickeschrift_Aktion10 = new SetCursorAction( "default");
actions.dickeschrift_Aktion20 = new ShowAction( "dickeschrift_Text", 0, effects.Normal );
actions.dickeschrift_Aktion12 = new HideAction( "dickeschrift_Text01", 0, effects.Normal );
actions.dickeschrift_Aktion18 = new ShowAction( "dickeschrift_Text03", 0, effects.Normal );
actions.dickeschrift_Aktion17 = new HideAction( "dickeschrift_Text02", 0, effects.Normal );
actions.dickeschrift_Aktion13 = new HttpAction( "http://www.hans-joachimfitting.de/dickeschrift2_ie.htm",true)
FindObject( "dickeschrift_Text02").onmousedown = function(){ dickeschrift_Text02_MouseDown(); };
FindObject( "dickeschrift_Text02").onmouseup = function(){ dickeschrift_Text02_MouseUp(); };
FindObject( "dickeschrift_Text02").onmousemove = function(){ dickeschrift_Text02_MoveIn(); };
FindObject( "dickeschrift_Text02").onmouseout = function(){ dickeschrift_Text02_MoveOut(); };
actions.dickeschrift_Aktion11 = new SetCursorAction( "hand");
actions.dickeschrift_Aktion14 = new SetCursorAction( "default");
actions.dickeschrift_Aktion16 = new HttpAction( "http://www.hans-joachimfitting.de/dickeschrift2_ie.htm",true)
FindObject( "dickeschrift_Text03").onmousedown = function(){ dickeschrift_Text03_MouseDown(); };
FindObject( "dickeschrift_Text03").onmouseup = function(){ dickeschrift_Text03_MouseUp(); };
FindObject( "dickeschrift_Text03").onmousemove = function(){ dickeschrift_Text03_MoveIn(); };
FindObject( "dickeschrift_Text03").onmouseout = function(){ dickeschrift_Text03_MoveOut(); };
OnPageReady();
}
</SCRIPT>

<SCRIPT LANGUAGE="JavaScript" SRC="ie_md8lib.js"></SCRIPT>

</head>

<body onload="Initialize();" bgcolor="#00FF00">

<DIV id="dickeschrift_Text"
STYLE="position:absolute; left:74px; top:81px; width:345px; height:22px;
cursor: default; overflow: hidden; margin: 0; padding: 0px">
<p style="margin:0" align="center">
<font style="font-family:Arial; font-size: 12px; color=#000000"><font color = #000000><U>wenn dieser link 1 zuletzt angeklickt wurde, ist er fett</U>

</DIV>

<DIV id="dickeschrift_Text01"
STYLE="position:absolute; visibility: hidden; left:74px; top:81px; width:345px; height:22px;
cursor: default; overflow: hidden; margin: 0; padding: 0px">
<p style="margin:0" align="center">
<font style="font-family:Arial; font-size: 12px; color=#000000"><font color = #000000><B><U>wenn dieser link 1 zuletzt angeklickt wurde, ist er fett</U></B>

</DIV>

<DIV id="dickeschrift_Text02"
STYLE="position:absolute; left:68px; top:175px; width:380px; height:22px;
cursor: default; overflow: hidden; margin: 0; padding: 0px">
<p style="margin:0" align="center">
<font style="font-family:Arial; font-size: 12px; color=#000000"><font color = #000000><U>wenn dieser link 2 zuletzt angeklickt wurde, ist er fett</U>

</DIV>

<DIV id="dickeschrift_Text03"
STYLE="position:absolute; visibility: hidden; left:68px; top:175px; width:380px; height:22px;
cursor: default; overflow: hidden; margin: 0; padding: 0px">
<p style="margin:0" align="center">
<font style="font-family:Arial; font-size: 12px; color=#000000"><font color = #000000><B><U>wenn dieser link 2 zuletzt angeklickt wurde, ist er fett</U></B>

</DIV>

</body>
</html>
 
..

Wenn das keine Lösung ist...
Ich probiere es gleich heute vielen vielen Dank schon mal super!
Meld mich wieder sieht schon super gut aus!
 
Zum Quelltext:
1. Gummicode: es werden zwar Funktionen verwendet, allerdings wird für jede Aktion eine eigene Funktion definiert, obwohl es einige wenige auch getan hätten. Allerdings hätte man dann Parameter verwenden müssen..... (ich weiß eine Schwäche des Home-Page-Erstellungs-Programm.... oder nennen wir es beim Namen Mediator [ist auch kürzer])
2. Läuft es nur im IE, für Netscape hat das Programm (Mediator) wiederum eine eigene Seite erstellt, die sich um einiges unterscheidet von der geposteten Version. (soviel zu Cross Browser; den Beweis, daß es auch in einer geht, bleibe ich hier schuldig...)
3. Ich stell die Funktion nicht in Frage, auch wenn ich es mit meinem "Old Browser" Opera nicht testen kann. Allerdings empfinde ich den weißen Bildschirm mit der Old Browser Meldung nicht störend, sondern eher als Schutz vor dem gräßlichen Grün der Testseite. ( ;) )
 
@Flixxtoras
Freut mich! Wenn Du weitere Fragen hast, ich helfe gerne!

@Albu
Danke für Deinen check!
Der Quelltext zur netscape - Version

http://www.hans-joachimfitting.de/dickeschrift_ns.htm

paßte hier nicht mehr rein, ich kann ihn aber gerne noch schicken. Die Quelltexte müßten sich aber auch nach Aufruf der Seite über Ansicht - Quelltext anschauen lassen. (Kann netscape nicht testen, hab kein netscape.)

Gummicode: Hab keinen Einfluß auf den Quelltext, das macht mein Programm - Mediator. Ich denke, andere Programme machen das ähnlich?
Kann so ein Gummicodebeispiel von einem erfahrenen html? -Spezialisten einfach aufs wesentliche gekürzt, umgeschrieben werden?

lg joachim
 
Original geschrieben von hjf
Kann so ein Gummicodebeispiel von einem erfahrenen html? -Spezialisten einfach aufs wesentliche gekürzt, umgeschrieben werden?
Zum Vergrößern anklicken....

NEIN. bzw. theoretisch schon, aber das ist so viel schwachsinn und so viele verschiedene Variablen und Zustände ohne Sinnvolle Namen, dass es fast unmöglich macht den Gummicode zu entschlüsseln.

Und den QT kann man immer angucken, da hättest Du den vom IE auch nicht hier rein posten müssen (wenn Du eh schon nen Link dazu packst)
 
naja, aber vermutlich wird der nicht ewig online bleiben, also könnte es sonst später keiner mehr nachvollziehen, was denn hier als Gummicode bezeichnet wird.

Aber es ist in der Tat einfacher den Code von Grund auf neu zu entwickeln, als ihn zu verschlimmbessern. Zumal der Autor des Mediators sich ja nur die Mühe gemacht hat seinen Code auf genau einen Browser abzustimmen, was i.d.R. keine besonderen Schwierigkeiten darstellt.
 
Hi @all:
Ich habe die Beispiele wie folgt gebastelt (allerdings mit Bildchen, verschieben, usw. ...):

Textfeld 1 (Link 1): eingeblendet, Schrift normal
Textfeld 2 (Link 1): ausgeblendet, Schrift fett
Textfeld 3 (Link 2): eingeblendet, Schrift normal
Textfeld 4 (Link 2): ausgeblendet, Schrift fett

Textfeld 1 gleiche Position wie Textfeld 2 (x, Y, Länge, Breite)
Textfeld 3 gleiche Position wie Textfeld 4 (x, Y, Länge, Breite)

Textfeld 1, bei Mausklick:
ausblenden dieses Textfeld (= Textfeld 1),
einblenden Textfeld 2,
einblenden Textfelder mit Normalschrift außer Textfeld 1 (= Textfeld 3),
ausblenden Textfelder mit Fettschrift außer Textfeld 2 (= Textfeld 4),
Verbindung zu Link 1 (www. ... ) herstellen

Textfeld 2, bei Mausklick:
Verbindung zu Link 1 (www. ... ) herstellen

Textfeld 3, bei Mausklick:
ausblenden dieses Textfeld (= Textfeld 3),
einblenden Textfeld 4,
einblenden Textfelder mit Normalschrift außer Textfeld 3 (= Textfeld 1),
ausblenden Textfelder mit Fettschrift außer Textfeld 4 (= Textfeld 2),
Verbindung zu Link 2 (www. ... ) herstellen

Textfeld 4, bei Mausklick:
Verbindung zu Link 2 (www. ... ) herstellen

Dann kommt noch Seitengröße, Hintergrundfarbe, Mauszeiger ggf in Hand umwandeln, ... ... ... hinzu.
Daraus erstellt mir mein Mediator Programm den Quelltext.

Meine Frage: Ist so ein Prosatext wie hier umschreibbar in einen Quelltext von erfahrenen html - Spezialisten? Welcher Text hilft weiter: hier dieser Prosatext oder mein Gummicode - Quelltext?

lg joachim
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben