1. Liebe Forumsgemeinde,

    aufgrund der Bestimmungen, die sich aus der DSGVO ergeben, müssten umfangreiche Anpassungen am Forum vorgenommen werden, die sich für uns nicht wirtschaftlich abbilden lassen. Daher haben wir uns entschlossen, das Forum in seiner aktuellen Form zu archivieren und online bereit zu stellen, jedoch keine Neuanmeldungen oder neuen Kommentare mehr zuzulassen. So ist sichergestellt, dass das gesammelte Wissen nicht verloren geht, und wir die Seite dennoch DSGVO-konform zur Verfügung stellen können.
    Dies wird in den nächsten Tagen umgesetzt.

    Ich danke allen, die sich in den letzten Jahren für Hilfesuchende und auch für das Forum selbst engagiert haben. Ich bin weiterhin für euch erreichbar unter tti(bei)pcwelt.de.
    Dismiss Notice

Schriftart in Javascript Formularfeldern anpassen?

Discussion in 'Web-Know-how für die Homepage' started by adxalf, Sep 21, 2008.

Thread Status:
Not open for further replies.
  1. adxalf

    adxalf Halbes Megabyte

    Hallo!
    Wie kann ich mit Javascript die Schriftart eines Formularfeldes ändern?
    Also ich hätte gern die Schrift (also das was man in ein Formularfeld eintippt) in einer größeren und Fettschrift! Geht das?
    Hier mal ein Standard Beispiel Formularfeld:
    Code:
    <html>
<head>
<script type="text/javascript">
function gotoForm( form )
{
var url = form.a.value;
if( !url.match( /^[a-z]+:/gi ) )
url = url;
location.href = url;
return false;
}
</script>
</head>
<body>

<form action="#" onSubmit="return gotoForm(this)">
&nbsp;[B]<textarea name="a" cols="15" rows="1" >http://</textarea>[/B] <input type="submit" name="openURL" value="Go to">
</form>

<form action="http://google.de/search">
&nbsp;[B]<textarea name="q" cols="15" rows="1"></textarea>[/B] <input type="submit" value="Suche">

</form>
</body>
</html>
     
    Last edited: Sep 21, 2008
    adxalf, Sep 21, 2008
    #1
  2. kalweit

    kalweit Hüter der Glaskugel

    (ich nehme mal an, du willst das per Laufzeit ändern, andernfalls funktionieren bei Feldern auch die ganz normalen CSS Eigenschaften für die Schrift)

    Die passenden Parameter im DOM sollten (ungetestet)

    document.getElementById(feldid)style.fontSize
    document.getElementById(feldid)style.fontWeight

    sein (ggf. ID für jedes Feld setzen oder mit "self" arbeiten). Auslösen würde ich das per onfocus Eventhandler und mit onblur wieder auf die Standardwerte zurück setzen. Mal als Beispiel:

    Code:
    <textarea name="a" cols="15" rows="1" onfocus="self.style.fontSize='20px';" onblur="self.style.fontSize='12px';">
     
    kalweit, Sep 21, 2008
    #2
  3. adxalf

    adxalf Halbes Megabyte

    Hallo Kalweit!
    Danke aber damit komme ich irgendwie garnicht zurecht. :confused:
    Also ich hätte gern diese Schrift also das was ich da in die 2 Felder eintippe, in einer größeren Schrift!
    Hier mal mein ganzer html Code für die Seite (das ist nur eine kleine Startseite für mein Handy)
    [​IMG]

    Code:
    [SIZE="1"]<html>
<head>
<script type="text/javascript">
function gotoForm( form )
{
var url = form.a.value;
if( !url.match( /^[a-z]+:/gi ) )
url = url;
location.href = url;
return false;
}
</script>
<body link="#f2ef00" vlink="#f2ef00" alink="#f2ef00";>
</head>
<STYLE TYPE="text/css">

body 
{

background-image: url(nature.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:top left;
}
</style>
<font size=+1>
<BR>
<form action="#" onSubmit="return gotoForm(this)">
&nbsp;&nbsp;<textarea name="a" cols="17" rows="1">http://</textarea> <input type="submit" name="openURL" value="open">
</form>
&nbsp;<img src="google.gif" border="0" width="220" height="76"></a>
<BR>
<form action="http://google.de/search">
&nbsp;&nbsp;<textarea name="q" cols="17" rows="1"></textarea> <input type="submit" value="Suche">
</form>
&nbsp;&nbsp;<a href="http://xxx.xxx.xxx.1/cgi-bin/webcm?" target="_blank">FRITZ!Box</a>
<BR><BR>
&nbsp;&nbsp;<a href="bookmarks.html" target="_blank">Bookmarks!</a>
<BR><BR>
</font>
</body>
</html>[/SIZE]
     
    adxalf, Sep 22, 2008
    #3
Thread Status:
Not open for further replies.

Share This Page