Ergebnis 1 bis 10 von 10
  1. #1
    Flixxtoras ist offline Grünschnabel
    registriert
    15-06-2002
    Beiträge
    3

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

    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.

  2. #2
    Avatar von C.K.
    C.K. ist offline Lounge-Member
    registriert
    12-06-2002
    Beiträge
    1.736
    Hi,
    warum machst du das nicht einfach mit nem Style-Sheet oder DHTML?

    Gruß,
    Colja

  3. #3
    Flixxtoras ist offline Grünschnabel
    registriert
    15-06-2002
    Beiträge
    3

    ..

    naja mit DHTML wüsste ich jetzt nicht wie und mit CSS da macht NS 4 nicht mit.

  4. #4
    Avatar von hjf
    hjf
    hjf ist offline Foren-Gott
    registriert
    06-04-2002
    Beiträge
    3.079

    @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>

  5. #5
    Flixxtoras ist offline Grünschnabel
    registriert
    15-06-2002
    Beiträge
    3

    ..

    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!

  6. #6
    Avatar von Albu
    Albu ist offline Foren-Gott
    registriert
    04-07-2001
    Beiträge
    13.501
    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. ( )
    1. Get people to play Space Taxi
    2. Sell real estates on neptun
    3. Profit!

    IE is not a browser, it is a scream.


    Outside of a dog, a book is man's best friend. Inside of a dog, it's too dark to read.

  7. #7
    Avatar von hjf
    hjf
    hjf ist offline Foren-Gott
    registriert
    06-04-2002
    Beiträge
    3.079
    @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

  8. #8
    Avatar von .holger
    .holger ist offline Lounge-Member
    registriert
    22-04-2001
    Ort
    HB und Zw'ahn
    Beiträge
    5.789
    Original geschrieben von hjf
    Kann so ein Gummicodebeispiel von einem erfahrenen html? -Spezialisten einfach aufs wesentliche gekürzt, umgeschrieben werden?
    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)

  9. #9
    Avatar von Albu
    Albu ist offline Foren-Gott
    registriert
    04-07-2001
    Beiträge
    13.501
    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.
    1. Get people to play Space Taxi
    2. Sell real estates on neptun
    3. Profit!

    IE is not a browser, it is a scream.


    Outside of a dog, a book is man's best friend. Inside of a dog, it's too dark to read.

  10. #10
    Avatar von hjf
    hjf
    hjf ist offline Foren-Gott
    registriert
    06-04-2002
    Beiträge
    3.079
    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

Ähnliche Themen

  1. onclick mit link
    Von tux_muc im Forum JavaScript
    Antworten: 7
    Letzter Beitrag: 19-04-2006, 13:14
  2. Formular inklusive Link großes problem
    Von Plutarch im Forum JavaScript
    Antworten: 11
    Letzter Beitrag: 09-06-2005, 15:00
  3. per onclick Link in neuem Fenster
    Von Cool.Runnings im Forum Allgemeines
    Antworten: 4
    Letzter Beitrag: 27-08-2002, 23:00
  4. link ändern bei onClick
    Von goana im Forum JavaScript
    Antworten: 7
    Letzter Beitrag: 14-06-2002, 11:29
  5. OnClick Bild mit einem Link versehen
    Von JS1995 im Forum JavaScript
    Antworten: 10
    Letzter Beitrag: 22-03-2002, 19:13

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •