Anzeige: Goneo - Du machst das Web!
Anzeige: united-domains - Die ganze Welt der Domains
Einfache & schnelle Domain-Registrierung zu fairen Preisen ohne Einrichtungsgebühren. Mehr als 250 Domain-Endungen aus einer Hand inklusive E-Mail- & Web-Weiterleitung. Einzigartiges Domain-Portfolio zur bequemen & sicheren Verwaltung Ihrer Domain-Namen.
Jetzt Domain-Check bei united-domains!
Re: JS-Switch für eine Eigenschaft
Autor: T.Jung [Beiträge: 3463]
Datum: 25.08.2010 19:01:31
> Wenn der User ein großes Browserfenster hat,
> möchte ich eine größere Zeilenhöhe vergeben. Ich
> weiß, daß das ein ganz simples Problem ist,
> trotzdem komme ich nicht weiter.
> Könnt Ihr mir bitte sagen, wo mein Fehler ist?
Ich glaub gar nicht (habs jetzt aber nicht nachgeprüft), dass ein Script innerhalb eines <style>-Abschnitts erlaubt ist...
Eine mögliche Lösung sieht etwa so aus:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled1</title>
<style type="text/css">
.box
{
border: 2px solid red;
line-height: 100%;
}
</style>
<script type="text/javascript">
function increaseLineHeight(id)
{
if (window.innerHeight > 400 || document.documentElement.clientHeight > 400)
{
document.getElementById(id).style.lineHeight = '200%';
}
}
</script>
</head>
<body onload="increaseLineHeight('box')">
<div id="box">
Weit hinten, hinter den Wortbergen (...)
</div>
</body>
</html>
Achtung:
- Ich habe hier id="box" anstelle von class="box" genommen, weil es keine JS-Funktion wie getElementsByClass() gibt. Die kann man sich ggf. aber selbst bauen, siehe:
http://www.anyexample.com/webdev/javascript/javascript_getelementsbyclass_function.xml
- Das Script wird natürlich nur beim Laden der Seite ausgeführt. Wenn jemand _nachträglich_ die Browserfenstergröße ändert, ändert sich der Zeilenabstand _nicht_! Dafür muss man dann schon den Reload-Button betätigen.
HTH,
Tobias Jung
Zum Abschicken deines Beitrags bitte die Schaltfläche "Abschicken" nur einmal anklicken und warten. Der Server braucht manchmal
einige Zeit, bis er den Beitrag in die Datenbank übernommen hat. Wenn du die Schaltfläche mehrmals drückst, erscheint dein Beitrag
auch mehrmals im Forum.
Bewerten Sie Ihren Webhosting-Provider
Wie zufrieden sind Sie mit Ihrem Webhosting-Provider? Gibt es Probleme beim Service, mit der Performance oder der Abrechnung?
Teilen Sie jetzt Ihre Erfahrungen mit anderen Webmastern und schreiben Sie eine Provider-Bewertung. Mit etwas Glück können Sie ein Apple iPad gewinnen!
Weitere Informationen und Teilnahme...
