tutorials.de Buch-Aktion 02/2012
Like Tree2Danke
  • 1 Beitrag von hans jörg
  • 1 Beitrag von con-f-use
ERLEDIGT
JA
ANTWORTEN
10
ZUGRIFFE
1202
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. 19.02.09 11:40 #1
    Avatar von zerix
    zerix zerix ist offline Hausmeister
    tutorials.de Moderator
    Registriert seit
    May 2005
    Beiträge
    4.329
    Hallo,

    ich bin zwar aus dem Java-Bereich, aber mit Java-Script kenne ich mich nicht so aus.

    Jetzt mal ernst.
    Ist es möglich bei einem Wort, den ersten Buchstaben eine andere Farbe zu setzen?

    Gruß

    Sascha
     
    Es ist schwer Allwissend zu sein. Aber ich komme damit klar. ;-)
    Zitieren Zitieren
  2. 19.02.09 11:49 #2
    hans jörg hans jörg ist offline Mitglied Gold
    Registriert seit
    Mar 2007
    Ort
    Klagenfurt (Kärnten) [Österreich]
    Beiträge
    210
    Hi,
    Ja das ist möglich wenn du ein eigenes HTML Element rumspannst und von dem die Schriftfarbe einstellst. z.B. einen <span> Tag.
     
    Zitieren Zitieren
  3. 19.02.09 11:55 #3
    Avatar von zerix
    zerix zerix ist offline Hausmeister
    tutorials.de Moderator
    Registriert seit
    May 2005
    Beiträge
    4.329
    Das weiß ich ja, dann kann ich es aber auch mit CSS lösen. Ist sowas anders nicht möglich?

    Gruß

    Sascha
     
    Es ist schwer Allwissend zu sein. Aber ich komme damit klar. ;-)
    Zitieren Zitieren
  4. 19.02.09 12:03 #4
    hans jörg hans jörg ist offline Mitglied Gold
    Registriert seit
    Mar 2007
    Ort
    Klagenfurt (Kärnten) [Österreich]
    Beiträge
    210
    Ich habe ja gemeint mit Javascript ein HTML Element rumlegen. Vielleicht zeigst du mal den Ausschnitt vom HTML Code wo sich das Wort (die Wörter) befindet bei dem du die Änderung durchführen möchtest. Wichtig zu wissen ist auch, ob du die Änderung bei einem bestimmten Event z.B. bei Mouseover, oder sofort nach laden der Seite haben willst.
     
    Zitieren Zitieren
  5. 19.02.09 12:14 #5
    Avatar von zerix
    zerix zerix ist offline Hausmeister
    tutorials.de Moderator
    Registriert seit
    May 2005
    Beiträge
    4.329
    Ich möchte es sofort haben, wenn die Seite geladen ist.
    Dass ich mit Java-Script Tags einfügen kann, wusste ich nicht. Wenn das der Fall ist, ist das ja gar kein Problem.

    Gruß

    Sascha
     
    Es ist schwer Allwissend zu sein. Aber ich komme damit klar. ;-)
    Zitieren Zitieren
  6. 19.02.09 12:26 #6
    hans jörg hans jörg ist offline Mitglied Gold
    Registriert seit
    Mar 2007
    Ort
    Klagenfurt (Kärnten) [Österreich]
    Beiträge
    210
    Hier ein ganz simples Beispiel wie du so etwas machen kannst:
    HTML-Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
<script>
window.onload = ini;
function ini()
{
	var searchedTag = document.getElementById('dummyId');
	var searchedString = searchedTag.innerHTML;
	var firstLetter = searchedString.substring(0,1);
	var restString = searchedString.substring(1,searchedString.length);
	var finalString = '<span style="color:#ff0000">'+firstLetter+'</span>'+restString;
	searchedTag.innerHTML = finalString;
}
</script>
</head>

<body>
<h1 id="dummyId">Überschrift</h1>
</body>
</html>
    zerix bedankt sich. 
    Zitieren Zitieren
  7. 19.02.09 12:45 #7
    Avatar von con-f-use
    con-f-use con-f-use ist offline Mitglied Diamant
    tutorials.de Premium-User
    Registriert seit
    Oct 2004
    Ort
    München / Innsbruck
    Beiträge
    2.263
    Weniger Code:
    HTML-Code:
    <style type="text/css">
.firstRed {
    color: red;
}
</style>

<script type="text/javascript">
window.onload = function() {
    obj = document.getElementsByTagName('div')[0];
    obj.innerHTML = obj.innerHTML.replace(/\b\ (\w)/g,'&nbsp;<span class="firstRed">$1</span>');
}
</script>

<div>Hat der alte Hexenmeister sich doch ein Mal wegbegeben<br/>
und nun sollen seine Geister auch nach meinem Willen leben</div>
    zerix bedankt sich. 
    Wäre der Satz "Ich möchte auf meinem Fisch-und-Chips-Schild einen Bindestrich zwischen die Wörter Fisch und und und und und Chips machen" nicht deutlicher, wenn Anführungszeichen vor Fisch und zwischen Fisch und und und und und und und und und und und und und und und und und und und und und Chips und auch nach Chips wären?

    | Meine Homepage: Forschung, unethische | Meine Seite mit viel verlangten Javascrits |

    -----------

    Zufriedenstellende Beiträge bitte als erledigt markieren!
    Zitieren Zitieren
  8. 19.02.09 13:15 #8
    Avatar von zerix
    zerix zerix ist offline Hausmeister
    tutorials.de Moderator
    Registriert seit
    May 2005
    Beiträge
    4.329
    Danke schön.
    Ich wusste nicht, dass man Tags dynamisch einfügen kann.

    Gruß

    Sascha
     
    Es ist schwer Allwissend zu sein. Aber ich komme damit klar. ;-)
    Zitieren Zitieren
  9. 19.02.09 13:38 #9
    Avatar von Sven Mintel
    Sven Mintel Sven Mintel ist offline Mitglied
    Registriert seit
    Aug 2003
    Beiträge
    18.238
    Blog-Einträge
    6
    Moin Sascha,

    Zitat Zitat von Sascha Schirra Beitrag anzeigen
    Das weiß ich ja, dann kann ich es aber auch mit CSS lösen. Ist sowas anders nicht möglich?
    Löse es doch mit CSS, einfacher gehts kaum
    Code :
    1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

    <html>
<head>
<meta http-equiv="Content-Type" content="text/html; 
                                charset=ISO-8859-1"   />
<meta name="author"             content="doktormolle" />
<meta name="date"               content="2009-02-19" />
<title>Test</title>
<style type="text/css">
<!--
p:first-letter{color:red}
-->
</style>
</head>
<body>
<p>Hollatrio</p>
</body>
</html>
     
    Zitieren Zitieren
  10. 19.02.09 13:52 #10
    Avatar von zerix
    zerix zerix ist offline Hausmeister
    tutorials.de Moderator
    Registriert seit
    May 2005
    Beiträge
    4.329
    Das funktioniert leider nicht so richtig.

    Es kann sein, dass es so aussieht
    Code :
    1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

    <html>
<head>
<meta http-equiv="Content-Type" content="text/html; 
                                charset=ISO-8859-1"   />
<meta name="author"             content="doktormolle" />
<meta name="date"               content="2009-02-19" />
<title>Test</title>
<style type="text/css">
<!--
div:first-letter{color:red}
-->
</style>
</head>
<body>
<div>
<span></span>
<a href="irgendwohin">&laquo;</a>
Hollatrio
<div>
</body>
</html>

    Da funktioniert es leider nicht.

    Gruß

    Sascha
     
    Es ist schwer Allwissend zu sein. Aber ich komme damit klar. ;-)
    Zitieren Zitieren
  11. 19.02.09 14:17 #11
    hans jörg hans jörg ist offline Mitglied Gold
    Registriert seit
    Mar 2007
    Ort
    Klagenfurt (Kärnten) [Österreich]
    Beiträge
    210
    in dem Fall würde es zb so funktionieren:
    HTML-Code:
    <html>
<head>
<meta http-equiv="Content-Type" content="text/html; 
                                charset=ISO-8859-1">
<title>Test</title>
<style type="text/css">
<!--
a div{display:inline;}
div:first-letter{color:#ff0000}
-->
</style>
</head>
<body>
<div>
<span></span>
<a href="irgendwohin"><div>&laquo;</div></a>
Hollatrio
<div>
</body>
</html>
     
    Zitieren Zitieren
« 3 Stufen Schriftgröße wählen | Problem mit cssRules und style »

Ähnliche Themen

  1. Color RGB-Farbe zuweisen
    Von Morpheyz im Forum Java
    Antworten: 5
    Letzter Beitrag: 28.02.10, 18:37
  2. definierte Farbe gegen andere Farbe austauschen
    Von Stoffelll im Forum PHP
    Antworten: 7
    Letzter Beitrag: 13.08.06, 01:13
  3. Farbe zuweisen an Bibilotheksobjekt
    Von harrry im Forum Flash Plattform
    Antworten: 5
    Letzter Beitrag: 07.03.05, 15:28
  4. Text von links nach rechts Buchstabe für Buchstabe schreiben
    Von Schnip-Schnap im Forum Videoschnitt, Videotechnik & -produktion
    Antworten: 9
    Letzter Beitrag: 27.01.04, 23:19