Antworten auf deine Fragen:
Neues Thema erstellen

Ein- und Ausblenden von Elementen

S

sagert90

Guest

Hallo liebe User,

ich bin im Netz auf eine Seite gestoßen, die ein für mich interessantes Element enthält. Dort sind in einem Frame Links enthalten, hinter denen sich Text verbirgt der beim draufklicken ausfährt. Bei erneutem draufklicken wird der Text wieder ausgeblendet.

Hier der Link: diensten

Meine Frage ist, wie es möglich ist, dass wenn ein Text eingeblendet ist und auf einen anderen Link geklickt wird, der zuvor eingeblendete Text sich automatisch ausblendet und der neue eingeblendet wird?

Auf Anfrage habe ich auch den Quellcode bekommen:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>

<script type="text/javascript">
function show (member) {
if (document.getElementById) {
if (document.getElementById(member).style.display == "block") {
document.getElementById(member).style.display = "none";
} else {
document.getElementById(member).style.display = "block";
}
}
}
</script>

<style type="text/css">
<!--
.Stil1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}

-->
</style>
</head>

<body>


<h2><a href="javascript:show('B')" class="Stil1">1. Ontwerp & Advies</a><br>
</h2>
<table id="B" style="display:none">
<tr><td><p class="Stil1">Binnen Ontwerp & Advies worden zowel schetsontwerpen als totaal uitgewerkte ontwerpplannen geboden. Tevens worden er vastomlijnde verfijnde kant en klare uitvoerbare adviezen uitgebracht. Dit geldt voor diverse installatieonderdelen zoals hemelwater- en vuilwaterafvoer, water, sanitair, gas, verwarming, ventilatie en elektrotechniek.<br /><br />
Tevens biedt ik deskundig advies op het gebied van het toepassen van duurzame energie met betrekking tot bijvoorbeeld warmtepompen en zon


</p>


</td></tr>
</table>


<h2><a href="javascript:show('C')" class="Stil1">2. Tekenwerk en Werkvoorbereiding</a><br>
</h2>
<table id="C" style="display:none">
<tr><td><p class="Stil1">Het verzorgen van tekenwerk zoals ontwerptekeningen, werktekeningen en revisietekeningen op installatietechniekgebied. Dit werk kan zowel vanuit mijn kantoor als op locatie worden verricht. De aanname van een dergelijke tekenopdracht kan zowel de opdracht zélf als de overeengekomen projectperiode inhouden.
</p> <p class="Stil1">
Aanvullend aan genoemd tekenwerk kan een deel van de project(werk)voorbereiding worden verzorgd. Voor het tekenwerk wordt gebruik gemaakt van Stabicad software. Hierdoor kan op eenvoudig wijze (deel)informatie uit de tekening worden gehaald ter ondersteuning bij de werkvoorbereiding. De informatie kan bijvoorbeeld bestaan uit: materiaallijsten, stuklijsten, zaaglengtes e.d.

</p>
</td>
</tr>
</table>


<h2><a href="javascript:show('D')" class="Stil1">3. Calculaties</a><br>
</h2>
<table id="D" style="display:none">
<tr><td>

<tr><td><p class="Stil1">Mijn Calculaties en Kostprijsramingen komen veelal in nauw overleg met mijn opdrachtgever tot stand. Elke installateur heeft immers zijn eigen werkwijze en materiaalvoorkeur. Mijn betrokkenheid bij ieder duurzaam project komt tot stand door kennis en uitvoer op maat. Immer rekeninghoudend met de geldende actuele groothandelsprijzen en gebruikmakend van de door Uneto-VNI opgestelde calculatie normtijden bieden een kloppende calculatie of raming. Ook hier geldt echter dat ervaring en inzicht van de individuele opdrachtgever mede bepalend is voor de einduitkomst.
Uiteindelijk moet u, als mijn opdrachtgever, tevreden zijn door achter de einduitkomst te kunnen staan.
</p>
</td>
</tr>
</table>



<h2><a href="javascript:show('E')" class="Stil1">4. Berekeningen</a></h2>

<table id="E" style="display:none">
<tr><td><p class="Stil1">Voor een goede werking van moderne installaties is het van groot belang dat vooraf de juiste technische berekeningen worden gemaakt. Goede berekeningen dragen bij aan een uitgebalanceerde installatie met een optimaal rendement. </p>

<p class="Stil1">Berekeningen worden uitgevoerd met behulp van diverse software, o.a. Bink, Vabi, en dergelijke. De onderhoudscontracten van de software zorgen voor altijd up-to-date berekeningen, gebaseerd op de laatste stand van voorschriften en techniek. </p>

<p class="Stil1">De diverse soorten berekeningen zijn, o.a.: </p>


<p class="Stil1">
<ul class="Stil1"><li>Transmissieberekeningen volgens ISSO 51, 53 en 57</li>
<li>Cv leidingberekening volgens ISSO 18</li>
<li>Gasleidingberekening volgens NEN 1078 / 2078 en de NPR 3378</li>
<li>Tapwaterberekening volgens Vewin en ISSO 30 en 55</li>
<li>Hemelwater- en vuilwaterafvoerberekening volgens NEN 3215 en NTR 3216</li>
<li>Ventilatieberekening volgens bouwbesluit</li>
<li>Luchtkanaalberekening, zowel rond als rechthoekig</li>
<li>Kabelberekening volgens NEN 1010</li>
<li>Verlichting</li>
<li>EPN woningbouw volgens NEN 5128</li>
<li>EPC berekening utiliteit volgens NEN 2916</li> </ul>

</p>
</td>
</tr>
</table>


<h2><a href="javascript:show('F')" class="Stil1">5. (Duurzaam) Energie Advies</a><br>
</h2>
<table id="F" style="display:none">

<tr><td><p class="Stil1">Binnen alle diensten en disciplines van Willem Asma, Bureau voor Installatie Architectuur wordt rekening gehouden met duurzaamheid. Duurzaamheid is de belangrijkste lijdraad van al de aangeboden en uitgevoerde werkzaamheden.</p>

<p class="Stil1"> Het advies op het gebied van duurzame energie bestaat uit: </p>
<tr><td><p class="Stil1">
<ul class="Stil1"><li><strong>EPA W&U: </strong>Energie Prestatie Advies voor zowel woningenals utiliteit.</li>
<li>het toepassen van duurzame energie met betrekking tot bijvoorbeeld warmtepompen en zonnenpanelen, en dergelijke. </li></ul></p>


</td>
</tr>
</table>

<h2><a href="javascript:show ('A')" class="Stil1">6. Tariefstelling en voorwaarden</a><br />
</h2>
<table id="A" style="display:none">

<tr><td><p class="Stil1">Alle werkzaamheden door Willem Asma, Bureau voor Installatie Architectuur worden uitgevoerd tegen een vooraf overeengekomen uurtarief of een volgens een vooraf overeengekomen projectprijs.</p>

<p class="Stil1">Op al onze leveringen en werkzaamheden zijn onze <strong>Algemene Voorwaarden</strong> van kracht. De laatst geldende versie kunt u <a href="http://www.willemasma.nl/algemene voorwaarden 22-10-08.pdf" target="_blank">hier</a> downloaden.</p>


</td></tr>
</table>


</body>
</html>



Wäre wirklich schön, wenn ihr mir helfen könntet!
 

sokie

Mod | Web

AW: Ein- und Ausblenden von Elementen

Da du ja Dreamweaver hast:
es gibt unter spry den eintrag akkordeon (oder ähnlich) damit kannst du so etwas ohne Programmierkenntnisse machen. (wie genau wird wahrscheinlich ausführlich in der Hilfe zu Dreamweaver zu finden sein).
 
S

sagert90

Guest

AW: Ein- und Ausblenden von Elementen

Vielen Dank für deine schnelle Antwort! Dann werd ich mir das mal anschaun und mich ans basteln begeben =)
 

notcan

Noch nicht viel geschrieben

AW: Ein- und Ausblenden von Elementen

Du könntest es auch mit einem Ajax Framework, beispielsweise Dojo, JQuery oder ähnlichem machen. Dort werden auch solche und viele andere Features angeobten. Allerdings muss man sich damit schon auseinandersetzen. ;)
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.731
Beiträge
1.539.064
Mitglieder
67.682
Neuestes Mitglied
RennSemmel
Oben