Anzeige - [Interessiert an einer Anzeige?]
(?) Tags raten (?) (edit)
 
Reply to this topicStart new topicStart Poll
> document.all.Text.style.fontSize ? Dynamisch !
Thema abonnieren | Thema versenden | Thema drucken
ThePosterity
Geschrieben am: Do 9.11.2006, 23:12
Report PostQuote Post

AyomRank 4
********

Gruppe: Member (aktiv)
Beiträge: 76
Mitglied seit: 21.02.2006
<html>
<head>
<title>Test</title>

<script type="text/javascript">

function MachGroesser () {
document.all.TEXT.style.fontSize = "200%";
}

function MachKleiner () {
document.all.TEXT.style.fontSize = "50%";
}

</script>
</head><body>

<p id="TEXT">Das ist der Text</p>
<a href="javascript:MachGroesser()">MachGroesser</a>
<a href="javascript:MachKleiner()">MachKleiner</a>
</body></html>

So das wird wohl bald ein ende haben mit der fragerei wink.gif
ich möchte gerne den TEXT auf jeweiligen Button vergrössern oder
verkleinern und zwar schrittwweise .wie mache ich es ?(geht es auch ohne javascript ?)
wie auch immer euer rat ist gefragt rolleyes.gif

Danke schon mal ThePosterity
Top
PMEmail Poster
Top
 
 
bn`
#2 Geschrieben am: Do 9.11.2006, 23:46 (+00:33)
Report PostQuote Post

AyomRank 4
********

Gruppe: Member (aktiv)
Beiträge: 100
Mitglied seit: 7.11.2006
vielleicht so... habe es jetzt aber nicht getestet tongue.gif

CODE

<script type="text/javascript">
 var groesse=200;    // anfangswert
 var groesse_min=50; // minimaler wert
 var groesse_max=200; // maximaler wert
 var schrittweite=50; // wert um den die groesse vergroessert bzw. verkleinert wird


 function MachGroesser () {
   // nur erhoehen, wenn der maximal-wert nicht ueberschritten wuerde
   if(groesse+schrittweite <= groesse_max) groesse += schrittweite;

   document.all.TEXT.style.fontSize = ""+groesse+"%";
 }

 function MachKleiner () {
   // nur verringern, wenn der minimal-wert nicht unterschritten wuerde
   if(groesse-schrittweite >= groesse_min) groesse -= schrittweite;

   document.all.TEXT.style.fontSize = ""+groesse+"%";
 }

</script>


statt all.TEXT willst du aber wahrscheinlich eher getElementById("TEXT") benutzen und dem entsprechenden slot (d.h. div,span,p,was auch immer -tag) das attribut id="TEXT" geben


dass sowas ohne JavaScript/ECMAScript geht, mag ich zu bezweifeln


--------------------

(der) Sinn des Lebens
Webs und Apps
Gibt es da kein anderes Wort für?
Top
PMEmail PosterUsers WebsiteICQ
Top
 
ThePosterity
#3 Geschrieben am: Fr 10.11.2006, 00:15 (+00:28)
Report PostQuote Post

AyomRank 4
********

Gruppe: Member (aktiv)
Beiträge: 76
Mitglied seit: 21.02.2006
<html><head><title>Mach Gross_bzw_klein !!!</title>
<script type="text/javascript">
var groesse=200; // anfangswert
var groesse_min=50; // minimaler wert
var groesse_max=200; // maximaler wert
var schrittweite=50; // wert um den die groesse vergroessert bzw. verkleinert wird


function MachGroesser () {
// nur erhoehen, wenn der maximal-wert nicht ueberschritten wuerde
if(groesse+schrittweite <= groesse_max) groesse += schrittweite;

document.getElementById("TEXT").style.fontSize = ""+groesse+"%";
}

function MachKleiner () {
// nur verringern, wenn der minimal-wert nicht unterschritten wuerde
if(groesse-schrittweite >= groesse_min) groesse -= schrittweite;

document.getElementById("TEXT").style.fontSize = ""+groesse+"%";
}

</script>
</head><body>
<p id="TEXT">Das ist der Text</p>
<a href="javascript:MachGroesser()">MachGroesser</a>
<a href="javascript:MachKleiner()">MachKleiner</a>
</body></html> Copyright by ThePosterity 2006 (http://theposterity.th.ohost.de/)
Ja so ist es gut !Danke dir bn` biggrin.gif
Geht das eigentlich mit allem z.b. Bilder auch ?
Geht das mit der kompletten seite (scalieren) ?
Top
PMEmail Poster
Top
 
bn`
#4 Geschrieben am: Fr 10.11.2006, 07:36 (+07:21)
Report PostQuote Post

AyomRank 4
********

Gruppe: Member (aktiv)
Beiträge: 100
Mitglied seit: 7.11.2006
Natürlich kannst du auch die Schriftgröße der ganzen Seite ändern, aber die ganze Seite skalieren geht da meines Wissens nicht.

Um die angezeigte Größe eines Bildes zu verändern, kannst du die CSS-Attribute "width" und "height" benutzen.
Statt .style.fontSize eben .style.width und .style.height.


--------------------

(der) Sinn des Lebens
Webs und Apps
Gibt es da kein anderes Wort für?
Top
PMEmail PosterUsers WebsiteICQ
Top
 
jAuer
Jürgen Auer - freiberufl. Programmierer
#5 Geschrieben am: Fr 10.11.2006, 16:56 (+09:19)
Report PostQuote Post

AyomRank 9
Group Icon

Gruppe: Experten Entwicklung
Beiträge: 2195
Mitglied seit: 4.02.2006
So, dieser Thread hat mich gestern abend auf die Idee gebracht, so etwas endlich einmal bei mir einzubauen.

Jetzt ist fast meine ganze Domain (mit Ausnahme der Unicode-Datenbank) per + vergrößerbar, per - verkleinerbar - und einen Reset-Knopf gibt es auch noch.

Der Vorteil der Xml-Variante zeigt sich da: Ich mußte den Code eben nur entwickeln und an einer Stelle passend einbinden. Um die Xml-Version zu aktualisieren, hat es genügt, nur die CSS-, die .js und die eine Xsl-Datei hochzuladen. Das Hochladen der ganzen Html-Dateien hat dagegen lange gedauert.


--------------------
Web-Anwendung 3.0: Ein Online-Kalender für Termine vieler Filialen.

server-daten: Web-Datenbanken als Online - CRM - Lösung.
Konzentrieren Sie sich auf Ihr Kerngeschäft - nutzen Sie eine schlanke, schnelle Online-Datenbank von verschiedenen Standorten.
Top
PMEmail PosterUsers Website
Top
 
bn`
#6 Geschrieben am: Fr 10.11.2006, 17:04 (+00:08)
Report PostQuote Post

AyomRank 4
********

Gruppe: Member (aktiv)
Beiträge: 100
Mitglied seit: 7.11.2006
nett.. und so viel ordentlicher als mein 3-minuten-script von gestern abend smile.gif


--------------------

(der) Sinn des Lebens
Webs und Apps
Gibt es da kein anderes Wort für?
Top
PMEmail PosterUsers WebsiteICQ
Top
 
ThePosterity
#7 Geschrieben am: Fr 10.11.2006, 17:53 (+00:49)
Report PostQuote Post

AyomRank 4
********

Gruppe: Member (aktiv)
Beiträge: 76
Mitglied seit: 21.02.2006
jAuer da brauchst du nicht mehr so nah am Monitor sitzen wink.gif
Irgendwo hier hatte ich gelesen das wohl manchmal die Schrift zu klein wäre ?
Da ist mir die Idee gekomen das ja wohl nicht nur du damit Probleme haben wirst ?
Also diese idee ! biggrin.gif (Das kostet dich aber was wink.gif )
Aber nur wenn es Positive bemerkungen über diese Funktion gibt wink.gif


Gruß ThePosterity
Top
PMEmail Poster
Top
 
ThePosterity
#8 Geschrieben am: Fr 10.11.2006, 18:44 (+00:50)
Report PostQuote Post

AyomRank 4
********

Gruppe: Member (aktiv)
Beiträge: 76
Mitglied seit: 21.02.2006
<script type="text/javascript">
function Drehamrad(Name , Startwert , Endwert , Schrittweite){
var minus = false;
var plus = Schrittweite;
var nWert = parseInt(document.Form3.elements[Name].value);

if(event.wheelDelta <= Startwert && (minus || nWert > Startwert)) {
nWert=nWert-plus;
}

else if(event.wheelDelta >= 1 && nWert < Endwert ) {
nWert+=plus;
}

document.Form3.elements[Name].value=nWert;
return false;
}
</script>
<form name="Form3">
<input type="text" name="eins" value="1"
OnMouseWheel="return Auswahlrad('eins' , 1 , 10 , 1);">
</form>
Ich dieses mit dem von oben zusammen verknüpfen doch leider funktioniert es
wohl nur im IE aber nicht im Firefox2 ???

Wenn ihr da noch eine Idee habt die mich zur Lösung bringt bin ich
schon viel glücklicher .

THX
Top
PMEmail Poster
Top
 
Severin Fink
#9 Geschrieben am: Fr 10.11.2006, 18:51 (+00:07)
Report PostQuote Post

AyomRank 4
********

Gruppe: Member (aktiv)
Beiträge: 93
Mitglied seit: 5.06.2006
Hi,
Soweit ich weis unterstützt Firefox onmousewheel nicht und daher wird auch keine Funktion aufgerufen.

mfg Severin Fink
Top
PMEmail PosterICQMSN
Top
 
bn`
#10 Geschrieben am: Fr 10.11.2006, 18:56 (+00:05)
Report PostQuote Post

AyomRank 4
********

Gruppe: Member (aktiv)
Beiträge: 100
Mitglied seit: 7.11.2006
ja richtig, firefox kennt kein onmousewheel

ich habe dazu das hier gefunden:
http://www.codingforums.com/showthread.php?t=86822


--------------------

(der) Sinn des Lebens
Webs und Apps
Gibt es da kein anderes Wort für?
Top
PMEmail PosterUsers WebsiteICQ
Top
 
Thema wird von 0 Benutzer(n) gelesen (0 Gäste und 0 anonyme Benutzer)
0 Mitglieder:
« [MySQL] Nach Gruppen sortieren | Programmierung Allgemein | IE 7 und RSSFeeds »
Trackback-Url: http://www.ayom.com/track/t/14970
Dieses Thema abonnieren

Topic Options Reply to this topicStart new topicStart Poll

 


> Ähnliche Themen
Themen Titel Autor Views Antworten Letzte Aktion
(B) Text zum Thema "Altersvorsorge/Rente" tune 353 3 Fr 18.07.2008, 16:40
Programm für Suchworte im Text re.fa 220 5 Mo 14.07.2008, 20:28
Text 1:1 von meiner website übernommen Bregi 230 6 Mo 14.07.2008, 09:42
Ms dos Datei in Text-Datei umwandeln sylvia73 112 3 Mi 2.07.2008, 15:44
[B] Text zum Thema: Umwelt, Klima u. Klimawandel Schwede 74 0 Di 1.07.2008, 10:15
Brauche ich so einen Text (Markenschutz)? alex72 167 2 Mi 25.06.2008, 18:53
[b] aktuellen text über Immobilienkredite botschek 112 0 Fr 20.06.2008, 10:17
[SQL] Eine Spalte mit einem Text füllen woody 147 2 So 15.06.2008, 21:58
[PHP] Text vernünftig formatieren TTlong 142 2 Di 10.06.2008, 20:37
Erstelle Text-Content für Erotikseiten Max61 106 0 Di 10.06.2008, 16:51




Anzeige - [Interessiert an einer Anzeige?]



Anzeigen


[Interessiert an einer Anzeige?]