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: manya [Beiträge: 173]
Datum: 26.08.2010 19:12:41
> > Ich bin ja noch ein ziemliches
> > JavaScript-Greenhorn, aber ich hätte jetzt
> > gedacht, daß in die Klammer bei
> > "document.getElementById(id)" der Name der ID
> > gehört, in meinem Fall also "box", und bei
> > "function" in die Klammer auch nochmal "box".
>
> Ja, sie gehört auch dahin, damit die
> JavaScript-Funktion auch »weiß«, bei _welcher_ ID
> sie nun den Zeilenabstand erhöhen soll.
Prima, jetzt ist mein Weltbild wieder in Ordnung. ;-)
> ... Wäre insofern sogar geschickter gewesen, weil so
> klarer wird, dass »blablubb« wirklich nur eine
> _Variable_ ist und kein festes Schlüsselwort.
Für Anfänger wie mich ist es tatsächlich mit deutschen Namen für Variablen und Funktionen verständlicher.
> Aber: Damit die Funktion nicht für jede ID, die
> u.U. irgendwann mal so behandelt werden soll,
> umgeschrieben werden muss, wird sie als Variable
> der Funktion übergeben.
sehr vorausschauend!
Danke für Deine Erklärungen! :-)
Ich habe nämlich tatsächlich mehrere Boxen, deren Zeilenhöhe verändert werden soll.
Da man eine ID ja nur _einmal_ vergeben kann, habe ich also den Boxen verschiedene IDs zugeordnet, und diese IDs dann im Aufruf der Funktion bei <body onload ... angegeben:
<!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 zeilenhoehe(blubb)
{
if (window.innerHeight > 400 || document.documentElement.clientHeight > 400)
{
document.getElementById(blubb).style.lineHeight = '600%';
}
}
</script>
</head>
<body onload="zeilenhoehe('box_1', 'box_2')">
<div id="box_1">
Weit hinten, hinter den Wortbergen, fernab der Länder Vokalien
und Konsonantien leben die Blindtexte. Abgeschieden wohnen
Sie in dem schönen Städtchen Buchstabhausen an der Küste des
Semantik, eines grossen Sprachozeans.
</div>
<br>
<br>
<div id="box_2">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Cras porttitor. Ut nonummy vestibulum arcu. Nulla eros eros,
mattis et, dictum quis, convallis vel, mauris.
Ut sed mauris vel metus pretium pretium.
Curabitur tristique sem id justo.
</div>
</body>
</html>
Leider funktioniert das so nur für die erste Box. :-(
Und wenn ich statt der IDs, beiden Boxen den KLASSENnnamen "box" gebe,
und <body onload="zeilenhoehe('box')">
und in der Funktion "document.getElementByClassName"
schreibe, funktioniert es auch nicht.
Man könnte jetzt zwar, wenn man wieder ID statt Class nimmt, bei 'body onload' mehrere Funktionen aufrufen, und jeder eine Box-ID mitgeben, aber das ist ja auch nicht Sinn der Sache, für jede Box nun eine eigene Funktion zu schreiben, die im Grund das Gleiche macht, wie die übrigen Funktionen.
Gibt es für dieses Problem noch eine schlaue Lösung?
Gruß
manya
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...
