You are not logged in.

wcf.regNote.message

bauser

Intermediate

  • "bauser" started this thread

Posts: 384

Occupation: Senior Software Engineer

  • Send private message

1

Thursday, July 15th 2004, 2:50pm

schriftgröße per button ändern

also folgendes:

ich würde auf einer konfigurationsseite gerne schriftgrößen einstellen können per + und - Buttons, mit einer live anzeige wies dann aussieht. ich möchte die schriftgröße aber nicht mit <font> und dem size attribut angeben, weil mir das zu wenig variabel ist, sondern in pixeln. hat einer ne idee was ich da machen kann damit ich das aus nem javascript (absicht, da ich nich ständig wie bei php o.ä. die seite neu laden will) heraus die größe pixelmäßig ändern kann ?
I'm Tony Menthanar! You fuck wit me, you fuckin' wit da best!

Prometheus

Administrator

Posts: 3,278

  • Send private message

2

Thursday, July 15th 2004, 3:22pm

also für spezielle schriftformatierungen würde ich jetzt mal sagen machst du am besten ne css datei in der du dann z.b. schriftgrößen von 1 bis 10 anlegst. das mit dem ändern beim client ohne refresh geht nur mit javascript das is schonmal klar, nur wie kann ich so ausm stehgreif nicht sagen. ich denke mal du musst ne funktion bauen die dir den parameter für die schriftgröße mit css dann ausgibt.
irgendwo hier ist schonmal sowas in der art wo was durch einen klick geändert wird daraus kann man sich das bestimmt ableiten.
schau mal hier -> http://www.coder-board.de/thread.php?threadid=475
Jedwege Anfragen bitte an Technomausi oder ShaoKhan richten. Dieses Konto ist und bleibt inaktiv.

bauser

Intermediate

  • "bauser" started this thread

Posts: 384

Occupation: Senior Software Engineer

  • Send private message

3

Thursday, July 15th 2004, 3:29pm

mein problem ist halt dass ich wenn ich auf nen knopf drücke die veränderte schrift sehen möchte. das mit dem wert ändern ist nich das problem, mit <font> und der size hab ich das ja auch schon, nur wüsste ich gerne wie man die größe in pixeln angeben kann. ich benutze ja css aber ich habe keine lust mir für 1px bis 128 px oder gar noch mehr jeweils eine css klasse zu machen.
I'm Tony Menthanar! You fuck wit me, you fuckin' wit da best!

Prometheus

Administrator

Posts: 3,278

  • Send private message

4

Thursday, July 15th 2004, 3:36pm

ja ok wenn du so feine abstufungen haben willst is klar das wäre doof. dann mach es doch so das du die größe in pixel in ner variable ablegst und direkt in den tag einbindest. wenn dann z.b. die schrift ein pixel größer werden soll dann addierst du eins zu dem letzten wert hinzu und writest die ausgabezeile neu. bin jetzt nur nicht sicher wie das mit der ausgabe geht ich kenne das nur über eine id die du ansprichst und da müsstest du nen textfeld haben oder sowas.
Jedwege Anfragen bitte an Technomausi oder ShaoKhan richten. Dieses Konto ist und bleibt inaktiv.

Ephraim

Professional

Posts: 826

Location: coder-board.info

Occupation: Info-Student

  • Send private message

5

Thursday, July 15th 2004, 5:10pm

Dein HTML:

Source code

1
<font id="felxibleFont" style="font-size: 12px;"> Bal Bla Bla</font>


Dein javascript:

Source code

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
currentSize = 12;
function GetFontObject() {
       return document.getElementById("flexibleFont");
}
function Bigger() {
if(currentSize < 100)
         currentSize++;
GetFontObject().style.fontSize = currentSize + "px";
}

function Smaller() {
if(currentSize > 1)
         currentSize--;
GetFontObject().style.fontSize = currentSize + "px";
}


Source code

1
2
<button onClick="bigger()">Groesser</button>
<button onClick="smaller()">Kleiner</button>


Ist allerdings ungeteste !!!
Hoffe ich konnte helfen ;)

Ciao Ephraim

Ephraim

Professional

Posts: 826

Location: coder-board.info

Occupation: Info-Student

  • Send private message

6

Thursday, July 15th 2004, 5:21pm

Hier jetzt sogar getestet :)

PHP Source code

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<html>
<head><title>dgssdfg</title></head>
<script language="javascript">
currentSize 12;
function GetFontObject() {
       return document.getElementById("flexibleFont");
}
function Bigger() {
if(currentSize 100)
         currentSize++;
GetFontObject().style.fontSize currentSize "px";
}

function Smaller() {
if(currentSize 1)
         currentSize--;
GetFontObject().style.fontSize currentSize "px";
}
</script>
<body>
<font id="flexibleFont" style="font-size: 12px;"> Bal Bla Bla</font>
<button onClick="Bigger()">Groesser</button>
<button onClick="Smaller()">Kleiner</button>
</body>
</html>


Ciao Ephraim

bauser

Intermediate

  • "bauser" started this thread

Posts: 384

Occupation: Senior Software Engineer

  • Send private message

7

Wednesday, July 28th 2004, 5:20pm

hey danke!

hab im moment urlaub und bin darum nur selten hier und kümmer mich dank des wetters auch nich so viel im moment darum ;) aber sobald ich wieder mehr zeit dafür hab schau ichs mir an :)
I'm Tony Menthanar! You fuck wit me, you fuckin' wit da best!

iuna

Beginner

Posts: 3

  • Send private message

8

Sunday, November 14th 2004, 2:53pm

Ich bin auch gerade auf der Suche nach einer Lösung für diese Anforderung! Schrift größer - schrift kleiner

bin mir nicht ganz sicher, wie ich die frage stelle, so dass man sich noch auskennt.

Also folgendes: ich habe eine seite, die aus mehreren frames besteht (für mich gab es keine andere lösung - es sei denn man kennt sich programmiertechnisch so gut aus) egal!

bei diesem frameset gibt es einen teil, den hauptteil mit schrift, den man nach belieben auch um eine schriftgröße vergrößern können sollte - bzw dann natuerlich auch wieder verkleinern

soweit noch alles klar? ;o))

ok, wenn es also eine möglichkeit gibt das so einzubinden - kann man es dann auch so machen, dass es beim weitersurfen so bleibt?

dazu muss ich sagen, dass wenn man das thema wechselt, sich ein neuer frame aufbaut.

ist meine frage verständlich?

Wenn mir jemand helfen könnte wäre das super ?(

noch was!

kann ich dieses sript das hier schon drinnen steht so verwenden, dass ich nicht beim text <font> schreiben muss?

:( 8o ?(

Adminedit: Bitte beim nächsten mal den Editierbutton betätigen ;)

Ephraim

Professional

Posts: 826

Location: coder-board.info

Occupation: Info-Student

  • Send private message

9

Monday, November 15th 2004, 7:23am

Wie veränderst du deine Schriftgröße ?

Du könntest z.B. ein <font> für die komplette seite machen, müsste man mal ausprobieren.
Des mit dem weitersurfen ist, wenn du reine HTML Seiten hast, erstmal
nicht so einfach lösbar. Zumindest wüsste ich jetzt nicht wie man es machen
könnte. Werd aber mal gucken ob ich da was finde.

Also wie veränderst du die Schriftgröße, dann kann ich dir sagen ob du
des mit dem <font> brauchst oder nicht.

Kann man sich die Seite/n irgendwo anschauen oder liegen die noch
nicht im Netz ?

Ciao Ephraim

bauser

Intermediate

  • "bauser" started this thread

Posts: 384

Occupation: Senior Software Engineer

  • Send private message

10

Monday, November 15th 2004, 10:28am

du könntest eine einzige seite machen die ein font tag enthält und in diesem fotn tag machst du einfach ein php require auf die seite die angezeigt werden soll:

Source code

1
2
3
4
5
<font style="font-size:12px;">
<?php
require_once("seitezumanzeigen.php");
?>
</font>


ansonsten hab ich hier mal was gemacht dazu, wozu halt auch der thread hier war:

Source code

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
<html>
<head>
  <title>Font Settings</title>
<script language="javascript">
<!--
var currentSize = 20;

function changeFont(val){
  GetFontObject().style.fontFamily = val;
}

function changeCol(col){
  var regexp = /^#[0-9a-fA-F]{6}$/
  if(regexp.exec(col))
    GetFontObject().style.color = col;
  else alert ('Please enter valid color code (i.e. #FF0000)');
}

function GetFontObject() {
  return document.getElementById("flexibleFont");
}

function setSize(newSize){
  if(newSize >= 8 && newSize <= 100){
    currentSize = parseInt(newSize);
    GetFontObject().style.fontSize = currentSize + "px";
  } else alert ('Please enter a valid size (8 - 100)');
}

function changeSize(changeby) {
  newSize = currentSize + changeby;
  if(newSize >= 8 && newSize <= 100)
    currentSize = newSize;
  GetFontObject().style.fontSize = currentSize + "px";
  showIt();
}

function showIt(){
  document.getElementById('sizzor').value = currentSize;
}
//-->
</script>
</head>
<body onLoad="showIt()">
<table width="100%">
  <tr height="120">
    <td align="center">
      <button onClick="changeSize(10)">+&nbsp;+</button>
    </td>
    <td align="center">
      <button onClick="changeSize(2)">+</button>
    </td>
    <td width="330" align="center">
      <font id="flexibleFont" style="font-size: 20px;">Texten</font>
    </td>
    <td align="center">
      <button onClick="changeSize(-2)">&nbsp;-&nbsp;</button>
    </td>
    <td align="center">
      <button onClick="changeSize(-10)">&nbsp;-&nbsp;-&nbsp;</button>
    </td>
  </tr>
</table>
<table width="100%">
  <tr>
    <td align="center">
      Size:
    </td>
    <td align="center">
      <input type="text" id="sizzor" size="7">
    </td>
    <td align="center">
      <button name="setsiz" onClick="setSize(getElementById('sizzor').value)">Setzen</button>
    </td>
  </tr>
  <tr>
    <td align="center">
      Color:
    </td>
    <td align="center">
      <input type="text" id="cozzor" size="7">
    </td>
    <td align="center">
      <button name="setcol" onClick="changeCol(getElementById('cozzor').value)">Setzen</button>
    </td>
  </tr>
  <tr>
    <td align="center">&nbsp;</td>
    <td align="center">
      <select onChange="changeCol(this.value)">
        <option value="#FF0000">Red</option>
        <option value="#0000FF">Blue</option>
        <option value="#000000">Black</option>
        <option value="#00FF00">Green</option>
      </select>
    </td>
  </tr>
</table>
</body>
</html>
I'm Tony Menthanar! You fuck wit me, you fuckin' wit da best!

iuna

Beginner

Posts: 3

  • Send private message

11

Thursday, December 9th 2004, 9:15am

:) :rolleyes:
ich bin wieder drinn :)
vielen dank ephraim ;o)

jetzt muss ich mir mal ansehen was ihr da geschrieben habt ?(

liebe gruesse
iuna

wcf.user.socialbookmarks.titel

stromrechner Vergleicht die Tarife