Links im Eingabeframe "dick" oder "kursiv" machen ?

Fragen zu HTML, CSS, eigenen Erweiterungen etc.
TommyboyTSK
Beiträge: 9
Registriert: 23.12.2006, 22:45
Kontaktdaten:

Links im Eingabeframe "dick" oder "kursiv" machen ?

Ungelesener Beitrag von TommyboyTSK » 06.01.2010, 23:48

Hallo,
und zwar möchte ein paar Links im Eingabeframe besonders hervorheben wie zb. die Link-Beschreibung fett oder kursiv mache. Früher ging das übers Admin Menü und dann unter "Links", da konnte ich das per html-Befehle machen, aber nu geht das nicht mehr. Welche möglichkeit habe ich ?

1. FC Keller
Moderator
Beiträge: 866
Registriert: 04.07.2004, 17:10
Wohnort: heimat:// Thüringen.Deutschland.eu/ Zeulenroda
Kontaktdaten:

Re: Links im Eingabeframe "dick" oder "kursiv" machen ?

Ungelesener Beitrag von 1. FC Keller » 07.01.2010, 00:09

Dieser Code sollte deinen Wunsch erfüllen. Die Grundscriptsammlung wird benötigt.
Der Code muss in eine js-Datei auf einen Webspace oder bei wktools in den Scriptmanager:

Code: Alles auswählen

function efLinkStyle(){
  if(efIsLoad()){
    pilinks=parent.info.document.links;
    for(i=0;i<pilinks.length;i++){
      with(pilinks[i]){
        if(innerHTML && innerHTML.match("reconnect")){
          style.fontWeight = "bold";
        }
      }
    }
  }
  else{window.setTimeout(efLinkStyle, 50);}
}
efLinkStyle();
Es wird in der if-Bedingung angegeben, welcher Link verändert werden soll. In diesem Fall ist es reconnect.
Anschließend wird innerhalb der geschweiften Klammer bestimmt was mit dem Link passieren soll. Hier wird der Link fett gemacht. Man kann beliebig viele solcher Bedingungen hinzufügen:

Code: Alles auswählen

function efLinkStyle(){
  if(efIsLoad()){
    pilinks=parent.info.document.links;
    for(i=0;i<pilinks.length;i++){
      with(pilinks[i]){
        if(innerHTML && innerHTML.match("reconnect")){
          style.fontWeight = "bold";
        }
        if(innerHTML && innerHTML.match("Admin - Men")){
          style.fontStyle = "italic";
          innerHTML="Administration";
        }
        if(innerHTML && innerHTML.match("Hilfe")){
          style.color = "#00ff00";
          style.fontWeight = "bold";
          style.fontStyle = "italic";
          style.textDecoration = "underline";
        }
      }
    }
  }
  else{window.setTimeout(efLinkStyle, 50);}
}
efLinkStyle();
In diesem Beispiel wird reconnect wieder fett. Weiterhin wird das Admin-Menü (wie man sieht muss man nur einen Teil der Beschriftung angeben, das ü habe ich sicherheitshalber weggelassen damit es keine Probleme mit dem Zeichensatz gibt) kursiv dargestellt und erhält die neue Beschriftung "Administration". Die Hilfe wird, damit sie keiner übersieht in knallgrün, fett, kursiv und unterstrichen angezeigt ;-)

Das ganze lässt sich beliebig fortführen - natürlich auch mit selbst angelegten Links.

Anschließend wird das Script wie immer in der Ankündigung eingebunden:

Code: Alles auswählen

<script type='text/javascript' src='http://deinWebspace/deineJSDatei.js'></script>


Antworten

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 80 Gäste