kikimiki
Goto Top

JavaSciript - Schrift fett?

Hallo,

wir haben ein webbasiertes Ticketsystem. Ich hab dort ein neuen Eingabefeld erstellt.

Das Feld heißt "Ansprechpartner" (FeldID = 10471)

Das Eingabfeld habe ich mit folgendem Script unterdrückt:

 
<script type="text/javascript">  
document.getElementById("customfield_10471").style.display = 'none'  
</script>


Kann ich den Code so ergänzen das er mit den Feldnamen fett macht?

Content-ID: 145763

Url: https://administrator.de/contentid/145763

Ausgedruckt am: 25.11.2024 um 07:11 Uhr

RedEye
RedEye 28.06.2010 um 09:12:39 Uhr
Goto Top
Hallo,

den Feldnamen?
Meinst Du den Wert im Eingabefeld oder wie?

(Montag morgen.....ole ole)

--
LG
RedEye
KikiMiki
KikiMiki 28.06.2010 um 09:23:34 Uhr
Goto Top
Hi Redeye,

ne das Feld um Sachen einzugeben hab ich durch das Script unterdrückt.
Ich brauche nur den Feldnamen in Fett. Quasi das was vor dem Eingabefeld als Feldname steht
RedEye
RedEye 28.06.2010 um 09:32:39 Uhr
Goto Top
Via CSS:

#customfield_10471
{
font-weight: bold;
}
KikiMiki
KikiMiki 28.06.2010 um 09:36:14 Uhr
Goto Top
Kann ich da keinen Befehl ins javascript einbauen?
<script type="text/javascript">  
document.getElementById("customfield_10474").style.display = 'none'  
font-weight: bold; 
</script>
ging nicht!
RedEye
RedEye 28.06.2010 um 09:43:43 Uhr
Goto Top
Achs so, nur JS.
Dann musst Du aber den Feldnamen in einen eigenen Container packen und dann so ansprechen:

document.getElementById("customfield_10474_field").style.fontWeight = 'bold';  

<span id="customfield_10474_field">Feldname</span>  

Denke so klappt das, probier mal.
nxclass
nxclass 28.06.2010 um 09:53:17 Uhr
Goto Top
... oder Du läuft den HTML Objektbaum runter und setzt dort "blind" alles Fett.
document.getElementById("customfield_10474").parentNode.style.fontWeight = 'bold';  
KikiMiki
KikiMiki 28.06.2010 um 10:04:08 Uhr
Goto Top
Sorry bi voll der Anfänger face-smile

Soll ich jetz beide Zeilen zu meinen hunzufügen?
RedEye
RedEye 28.06.2010 um 10:15:58 Uhr
Goto Top
Als Anfänger ware es ganz gut ein wenig zu experimentieren.
Versuch den Tipp von mir und auch den von nxclass.
KikiMiki
KikiMiki 28.06.2010 um 10:25:52 Uhr
Goto Top
Beide Tipps haben die Schrift unverändert gelassen
RedEye
RedEye 28.06.2010 um 10:30:45 Uhr
Goto Top
Dann wäre es jetzt aber mal wirklich an der Zeit das Du den betroffenen Sourcecode postest face-wink
KikiMiki
KikiMiki 28.06.2010 um 10:37:50 Uhr
Goto Top
Das ist ein Ticketsystem JIRA von Atlassian
Dort kann man Felder in einen Screen hinzufügen.

Dort wollte ich Überschriften einfügen. Das kann das Tool aber nicht.
Deshalb hab ich ein Eingabefeld genommen und mit dem Code (siehen meinen 1. Post) das Eingabefeld unterdrückt.
Jetzt steht nur noch der Feldname da, genau so wie ich es wollte...

Jetzt hätte ich diesen eben gerne noch fett
nxclass
nxclass 28.06.2010 um 11:58:03 Uhr
Goto Top
... könnte es sein dass die von JS eingefügte CSS Eigenschaft von einer anderen überschrieben wird ?
ich benutze für den Firefox Browser das Addon 'Firebug' - damit kann man nicht nur den Aufbau der CSS Eigenschaften nachvollziehen sondern auch direkt ändern und testen.
Enclave
Enclave 26.07.2010 um 19:38:46 Uhr
Goto Top
Eine weitere Möglichkeit, insbesondere wenn es mehrere Felder gibt die formatiert werden sollen:

1. Prototype JS Framework runterladen und in Datei einbinden (alles besteht nur aus einer .js-Datei)
2. Den Feldern beim erstellen einen Klassennamen zuordnen
3. Mit den schönen Selektoren jede Menge arbeit ersparen und freuen face-smile


Beispiel:

<span class="lol foo IDbold">foo</span>
<span class="foo bar IDbold">bar</span>
<span class="IDbold batz">lol</span>

Um dann durch alle Elemente, welche die Klasse IDbold haben, zu iterieren ganz einfach (im JS-Block/-datei):

$$('.IDbold').each(function (elem) {
elem.style.fontWeight = 'bold !important';
});


Das !important sorgt dafür, dass dieser Wert höher gewichtet wird als andere Werte (CSS gewichtet einen Wert umso höher, umso spezifischer er ist)...


Mfg

Enclave