Top-Themen

AppleEntwicklungHardwareInternetLinuxMicrosoftMultimediaNetzwerkeOff TopicSicherheitSonstige SystemeVirtualisierungWeiterbildungZusammenarbeit

Aktuelle Themen

Administrator.de FeedbackApache ServerAppleAssemblerAudioAusbildungAuslandBackupBasicBatch & ShellBenchmarksBibliotheken & ToolkitsBlogsCloud-DiensteClusterCMSCPU, RAM, MainboardsCSSC und C++DatenbankenDatenschutzDebianDigitiales FernsehenDNSDrucker und ScannerDSL, VDSLE-BooksE-BusinessE-MailEntwicklungErkennung und -AbwehrExchange ServerFestplatten, SSD, RaidFirewallFlatratesGoogle AndroidGrafikGrafikkarten & MonitoreGroupwareHardwareHosting & HousingHTMLHumor (lol)Hyper-VIconsIDE & EditorenInformationsdiensteInstallationInstant MessagingInternetInternet DomäneniOSISDN & AnaloganschlüsseiTunesJavaJavaScriptKiXtartKVMLAN, WAN, WirelessLinuxLinux DesktopLinux NetzwerkLinux ToolsLinux UserverwaltungLizenzierungMac OS XMicrosoftMicrosoft OfficeMikroTik RouterOSMonitoringMultimediaMultimedia & ZubehörNetzwerkeNetzwerkgrundlagenNetzwerkmanagementNetzwerkprotokolleNotebook & ZubehörNovell NetwareOff TopicOpenOffice, LibreOfficeOutlook & MailPapierkorbPascal und DelphiPeripheriegerätePerlPHPPythonRechtliche FragenRedHat, CentOS, FedoraRouter & RoutingSambaSAN, NAS, DASSchriftartenSchulung & TrainingSEOServerServer-HardwareSicherheitSicherheits-ToolsSicherheitsgrundlagenSolarisSonstige SystemeSoziale NetzwerkeSpeicherkartenStudentenjobs & PraktikumSuche ProjektpartnerSuseSwitche und HubsTipps & TricksTK-Netze & GeräteUbuntuUMTS, EDGE & GPRSUtilitiesVB for ApplicationsVerschlüsselung & ZertifikateVideo & StreamingViren und TrojanerVirtualisierungVisual StudioVmwareVoice over IPWebbrowserWebentwicklungWeiterbildungWindows 7Windows 8Windows 10Windows InstallationWindows MobileWindows NetzwerkWindows ServerWindows SystemdateienWindows ToolsWindows UpdateWindows UserverwaltungWindows VistaWindows XPXenserverXMLZusammenarbeit
GELÖST

Brauche Unterstützung bei einem Javascript in HTML

Frage Internet

Mitglied: beneball

beneball (Level 1) - Jetzt verbinden

26.06.2008, aktualisiert 22:34 Uhr, 4121 Aufrufe, 6 Kommentare

Toggle Funktion

Ich verwende im moment folgenden code.
01.
<html> 
02.
<head> 
03.
<title>Beispiel</title> 
04.
<script type="text/javascript"> 
05.
<!-- 
06.
function toggle(link,divId){ 
07.
var lText=link.innerHTML; 
08.
var d=document.getElementById(divId); 
09.
if(lText=='Mehr Lesen'){ 
10.
link.innerHTML='Ansicht schließen'; 
11.
d.style.display='block'; 
12.
13.
else{ 
14.
link.innerHTML='Mehr Lesen'; 
15.
d.style.display='none'; 
16.
17.
18.
//--> 
19.
</script> 
20.
</head> 
21.
<body onload="toggle(document.getElementById('l1'),'box1')"> 
22.
<!--Box 1--> 
23.
<font face="Arial"> 
24.
Hochschulprojekt [<a title="hide/show" id="l1" href="#" onClick="toggle(this,'box1');" style="text-decoration:none;">'Ansicht schließen</a>] 
25.
<div id="box1" style="padding:3px;"> 
26.
<iframe height="100%" width="100%" src="./media/Hochschule.pdf"></iframe> 
27.
</div></div> 
28.
</font> 
29.
</body> 
30.
</html>
Jetzt will ich aber aber 3 dieser "öffnen" bereiche machen (toggle)
aber ich bekomme es nicht hin
kann mir bitte jemand helfen ich muss es bis morgen für die schule haben
danke!
Mitglied: Arano
26.06.2008 um 21:02 Uhr
Nabend benebal,

da du keine genaueren Angaben zu deinem Problem niederschriebst und es sich wohl um eine Hausaufgabe handelt, kann man natürlich nicht so viel lösen bzw. funktionierendes präsentieren.

Aber erstens, wenn man den Quelltext um ein paar Leerzeichen einrückt wird er viel lesbarer - und sei es nur ein Leerzeichen, reicht völlig.
Und zweitens, du hast da im obigem Quelltext in Zeile 27 zwei __schließende__ <div>-Tags obwohl nur eines geöffnet wird.

Wenn das noch nicht hilft... schildere noch mal genauer wie es aussieht und was nicht funktioniert, ect.

~Arano
Bitte warten ..
Mitglied: beneball
26.06.2008 um 21:25 Uhr
Habe es jetzt hinbekommen =)
mit dem Code
01.
<html> 
02.
<head> 
03.
<title>Beispiel</title> 
04.
<script type="text/javascript"> 
05.
<!-- 
06.
function toggle(link,divId){ 
07.
var lText=link.innerHTML; 
08.
var d=document.getElementById(divId); 
09.
if(lText=='Mehr Lesen'){ 
10.
link.innerHTML='Ansicht schließen'; 
11.
d.style.display='block'; 
12.
13.
else{ 
14.
link.innerHTML='Mehr Lesen'; 
15.
d.style.display='none'; 
16.
17.
18.
//--> 
19.
</script> 
20.
</head> 
21.
 <body onload="toggle(document.getElementById('l1'),'box1')"> 
22.
 <!--Box 1--> 
23.
 <font face="Arial"> 
24.
  Hochschulprojekt [<a title="hide/show" id="l1" href="#" onClick="toggle(this,'box1');" style="text-decoration:none;">Ansicht schließen</a>] 
25.
  <div id="box1" style="padding:3px;"> 
26.
   <iframe height="100%" width="100%" src="./media/Hochschule.pdf"></iframe> 
27.
  </div> 
28.
 <br> 
29.
 <!--Box 2--> 
30.
 <font face="Arial"> 
31.
  Stadt Mannheim investiert 50.000Euro in neue Fr&auml;smaschinenen [<a title="hide/show" id="l2" href="#" onClick="toggle(this,'box2');" style="text-decoration:none;">Ansicht schließen</a>] 
32.
  <div id="box2" style="padding:3px;"> 
33.
   <iframe height="100%" width="100%" src="./media/Fraesmaschinen.pdf"></iframe> 
34.
  </div> 
35.
 <br> 
36.
 <!--Box 3--> 
37.
 <font face="Arial"> 
38.
  Wir machen Azubinen stark! [<a title="hide/show" id="l3" href="#" onClick="toggle(this,'box3');" style="text-decoration:none;">Ansicht schließen</a>] 
39.
  <div id="box3" style="padding:3px;"> 
40.
   <iframe height="100%" width="100%" src="./media/azubinen.pdf"></iframe> 
41.
  </div> 
42.
</font> 
43.
</body> 
44.
</html>
jetzt ist nur noch die frage wie ich es hinbekomme das alle drei boxen am anfang zu sind
Bitte warten ..
Mitglied: Arano
26.06.2008 um 21:57 Uhr
Habe es jetzt hinbekommen =)
Na super

jetzt ist nur noch die frage wie ich es hinbekomme das alle drei boxen am anfang zu sind
Schau dir mal die Zeile 21 an ;)

Ähm... in den Zeilen 23, 30 und 37 öffnest du einen <font>-Tag, es wird aber nur einer geschlossen.

Schönen Abend noch,
Arano
Bitte warten ..
Mitglied: beneball
26.06.2008 um 22:13 Uhr
die fonts mach ich zu. ^^ aber wie kann ich denn noch die andern beiden boxen in die 21. zeile machn? mit komma oder so?
vielen vielen dank du hast mich echt gerettet!
Bitte warten ..
Mitglied: Arano
26.06.2008 um 22:24 Uhr
aber wie kann ich denn noch die andern beiden boxen in die 21. zeile machn? mit komma oder so?
Ahja, okay...

...trennen könntest du sie mit einem Semikolon (;) aber ich Poste dir mal das was ich aus deinem erstem Quelltext gemacht habe __bevor__ ich sah das es eine Hausaufgabe ist ^^
Da du es ja jetzt soweit selber gelöst hast passt das schon.
Da sind jetzt nur zwei Boxen drin und ist etwas anders aufgebaut aber es enthält die Lösung zu deiner Frage zur Zeile 21
01.
<html> 
02.
 <head> 
03.
  <title>Beispiel</title> 
04.
  <script type="text/javascript"> 
05.
   <!-- 
06.
    function toggle(link,divId){ 
07.
     var lText=link.innerHTML; 
08.
     var d=document.getElementById(divId); 
09.
     if(lText=='Mehr Lesen'){ 
10.
      link.innerHTML='Ansicht schließen'; 
11.
      d.style.display='block'; 
12.
13.
      else{ 
14.
       link.innerHTML='Mehr Lesen'; 
15.
       d.style.display='none'; 
16.
17.
18.
    function init(){ 
19.
     toggle(document.getElementById('l1'),'box1'); 
20.
     toggle(document.getElementById('l2'),'box2'); 
21.
22.
   //--> 
23.
  </script> 
24.
 </head> 
25.
 <body onload="init()"> 
26.
  
27.
  <!--Links--> 
28.
  <font face="Arial"> 
29.
   Hochschulprojekt [<a title="hide/show" id="l1" href="javascript:void(0);" onClick="toggle(this,'box1');" style="text-decoration:none;">Ansicht schließen</a>]<br> 
30.
   Hochschulprojekt [<a title="hide/show" id="l2" href="javascript:void(0);" onClick="toggle(this,'box2');" style="text-decoration:none;">Ansicht schließen</a>] 
31.
  </font> 
32.
   
33.
  <!--Box 1--> 
34.
  <div id="box1" style="padding:3px;"> 
35.
   <iframe height="100%" width="100%" src="http://www.google.de"></iframe> 
36.
  </div> 
37.
  <!--Box 2--> 
38.
  <div id="box2" style="padding:3px;"> 
39.
   <iframe height="100%" width="100%" src="http://www.google.de"></iframe> 
40.
  </div> 
41.
   
42.
 </body> 
43.
</html>
vielen vielen dank du hast mich echt gerettet!
Gern geschehen, aber den Hauptteil hast du ja gemacht :D

~Tobias
Bitte warten ..
Mitglied: beneball
26.06.2008 um 22:34 Uhr
10000dank nochmal ohne dich hätte ichs ned hinbekommen
ciao
Bitte warten ..
Ähnliche Inhalte
Backup
Private Backup-Strategie, brauche eure Unterstützung (1)

Frage von gnjkl7 zum Thema Backup ...

JavaScript
gelöst HTML-Javascript - Auslesen von Formularfeldern (1)

Frage von internet2107 zum Thema JavaScript ...

Outlook & Mail
Ich brauche Hilfe (8)

Frage von Delta1 zum Thema Outlook & Mail ...

Entwicklung
gelöst Brauche englische Übersetzung einer deutschen Fehlermeldung (12)

Frage von SarekHL zum Thema Entwicklung ...

Neue Wissensbeiträge
Drucker und Scanner

Samsung SL-M4025ND, firmware update und (kompatible) Tonerkassetten

(1)

Erfahrungsbericht von markus-1969 zum Thema Drucker und Scanner ...

Router & Routing

PfSense auf Supermicro Intel Xeon D-15x8 SoC Bare Bone

Tipp von Dobby zum Thema Router & Routing ...

Windows Server

Exchange 2010 auf Windows Server 2016 und AD

(2)

Tipp von Herbrich19 zum Thema Windows Server ...

KVM

How to: Libvirt Port forwarding

(2)

Anleitung von fundave3 zum Thema KVM ...

Heiß diskutierte Inhalte
Router & Routing
über Vmware auf eine FritzBox mit IPv6 per VPN (17)

Frage von Zockervogel zum Thema Router & Routing ...

Basic
Programmierung von Windows Programmen (8)

Frage von Ghost108 zum Thema Basic ...

Windows Userverwaltung
Gleiches Benutzerprofil für Anmeldung an TS und am lokalen System?? (6)

Frage von eastfrisian zum Thema Windows Userverwaltung ...