Top-Themen

Aktuelle Themen (A bis Z)

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

Frage Entwicklung JavaScript

GELÖST

Javascript Textteile Verstecken

Mitglied: cewiethemaster

cewiethemaster (Level 2) - Jetzt verbinden

29.09.2010 um 12:50 Uhr, 4610 Aufrufe, 4 Kommentare

Wie kann ich bestimmte Textteile (span-Tags) in HTML ausblenden, und bei klick des Buttons B1 wieder einblenden?

Hi.

Wie kann ich bestimmte Textteile (span-Tags) in HTML ausblenden, und bei klick des Buttons B1 wieder einblenden?

Der haken ist, dass es eine 500x500-Tabelle ist, und die texte (die ausgeblendeten) quasi von den Sichtbaren überlagert werden?

Danke & LG

Cewie
Mitglied: nxclass
29.09.2010 um 17:49 Uhr
Sowas macht man mit CSS Eigenschaften 'display' und/oder 'visibility'.

In Javascript kann mit
01.
document.getElementById('id_des_span_html_tags').style.display = 'none'; 
02.
document.getElementById('id_des_span_html_tags').style.display = 'inline';
die Sichtbarkeit aus und ein geschaltet werden.

Für detailliertere Hilfe musst Du mal noch etwas Code posten - oder genauer erklären was Du willst.
Bitte warten ..
Mitglied: cewiethemaster
30.09.2010 um 08:13 Uhr
Ok. Danke schonmal.

Ich möchte eine Tabelle haben im Format 500x500 mit einer Zelle, soweit binn ich.
Jetzt möchte ich, dass dort 1 text steht, darunter ein Button. Wenn man den Button anklickt, sollte der 1.Text mit button "verschwinden" und der2 text mit button an dessen Stelle sichtbar sein, beim 2. Button soll der Dritte Text (mit Bildern) und buttonsichtbar werden, und der 2 weg, usw...

Die texte könnte ich eventuell in eigene TR's packen, und diese dann ausblenden/einblenden, nur wie?

Danke & LG

Cewie
Bitte warten ..
Mitglied: nxclass
30.09.2010 um 08:40 Uhr
... ich würde eher DIV-Tags benutzen.
Außerdem frage ich mich ob Du dir das richtig überlegt hast ...
  • Wie soll sich jemand das anschauen ohne aktiviertem JS ? (ja das gibts)
  • Wenn jemand 'zurück' auf eine vorherige Seite will ?

... aber ich nehme mal an das es nur eine JS Übung für dich ist - dann schau Dir das Beispiel mal an:
01.
<html> 
02.
<head> 
03.
<script type="text/javascript"> 
04.
function myFunction(id1, id2) 
05.
06.
    document.getElementById( id1 ).style.display = 'none'; 
07.
    document.getElementById( id2 ).style.display = 'block'; 
08.
09.
</script> 
10.
</head> 
11.
<body> 
12.
 
13.
<div id="page1" style="display:block;"> 
14.
    <div class="deinText"> 
15.
    <!-- dein Inhalt --> 
16.
    Seite 1 
17.
    </div> 
18.
    <input type="button" onclick="myFunction('page1','page2');" value="weiter" /> 
19.
</div> 
20.
 
21.
<div id="page2" style="display:none"> 
22.
    <div class="deinText"> 
23.
    <!-- dein Inhalt --> 
24.
    Seite 2 
25.
    </div> 
26.
    <input type="button" onclick="myFunction('page2','page3');" value="weiter" /> 
27.
</div> 
28.
 
29.
<div id="page3" style="display:none"> 
30.
    <div class="deinText"> 
31.
    <!-- dein Inhalt --> 
32.
    letzte Seite 
33.
    </div> 
34.
    <input type="button" onclick="myFunction('page3','page1');" value="zurück" /> 
35.
</div> 
36.
 
37.
</body> 
38.
</html>
Bitte warten ..
Mitglied: cewiethemaster
30.09.2010 um 10:47 Uhr
Ja, es ist (teilweiße) eine Übung, ich möchte es in einer HTA-Applikation nutzen (da ist JS standartmäßig aktiviert)

Ich werde es heute Abend mal versuchen.


Viiielen Dank
Bitte warten ..
Ähnliche Inhalte
Windows Server
Berechtigungen verstecken
Frage von imacerWindows Server5 Kommentare

Hallo zusammen, ist es möglich, das Anzeigen der Berechtigungen den Benutzern auf einem Windows Server 2008 R2 zu verweigern? ...

Apache Server
JavaScript wird nicht ausgeführt
Frage von schneerunzelApache Server

Hallo zusammen ich wollte gerade das Tool open3A installieren. Dabei bekomme ich einen Fehler die Dateien sind alle mit ...

JavaScript
Javascript Array
gelöst Frage von internet2107JavaScript2 Kommentare

Ich habe folgendes Problem. Ersetze ich die folgenden Zahlen gegen Variablenwerte, bekomme ich nicht das Ergebnis, wie mit festen ...

JavaScript
Javascript Funktionen
gelöst Frage von agowa338JavaScript5 Kommentare

Hallo, habe gerade mehrere schönen Javascripte per mail bekommen und frage mich gerade, was eigentlich folgendes in einem Javascript ...

Neue Wissensbeiträge
Linux

Meltdown und Spectre: Linux Update

Information von Frank vor 1 TagLinux

Meltdown (Variante 3 des Prozessorfehlers) Der Kernel 4.14.13 mit den Page-Table-Isolation-Code (PTI) ist nun für Fedora freigegeben worden. Er ...

Tipps & Tricks

Solutio Charly Updater Fehlermeldung: Das Abgleichen der Dateien in -Pfad- mit dem Datenobject ist fehlgeschlagen

Tipp von StefanKittel vor 2 TagenTipps & Tricks

Hallo, hier einmal als Tipp für alle unter Euch die mit der Zahnarztabrechnungssoftware Charly von Solutio zu tun haben. ...

Sicherheit

Meltdown und Spectre: Wir brauchen eine "Abwrackprämie", die die CPU-Hersteller bezahlen

Information von Frank vor 2 TagenSicherheit12 Kommentare

Zum aktuellen Thema Meltdown und Spectre: Ich wünsche mir von den CPU-Herstellern wie Intel, AMD oder ARM eine Art ...

Sicherheit

Meltdown und Spectre: Realitätscheck

Information von Frank vor 2 TagenSicherheit10 Kommentare

Die unangenehme Realität Der Prozessorfehler mit seinen Varianten Meltdown und Spectre ist seit Juni 2017 bekannt. Trotzdem sind immer ...

Heiß diskutierte Inhalte
Batch & Shell
Meltdown Microsoft Prüf Script - .zip Datei leider leer
gelöst Frage von MasterBlaster88Batch & Shell13 Kommentare

Hallo zusammen, ich patche gerade unsere Windows Server bzgl. der Meltdown Lücke. Patch vorhanden, Reg Keys gesetzt Um das ...

Batch & Shell
Shell-Skript - Syntax error: Unterminated quoted string
Frage von newit1Batch & Shell13 Kommentare

Hallo Ich schreibe ein Skript das eine CSV-Datei in eine mySQL Datenbank schieben soll. Bekomme nach start des Skrips ...

E-Mail
Erfahrungen mit hMailServer gesucht
Frage von it-fraggleE-Mail10 Kommentare

Hallo, meine neue Stelle möchte einen eigenen Mailserver. Ich als Linuxkind war direkt geistig mit Postfix dabei. Leider wollen ...

Entwicklung
VBS: alle PDF-Dateien in einem Ordner gleichzeitig öffnen
gelöst Frage von JuweeeEntwicklung9 Kommentare

Hallo, ich habe in deiner Ordnerstruktur (.\Tagesberichte\xx.18\) mehrere dynamische PDF-Formulare (mit LCD erstellt). Die Berichtsformulare sind im Layout alle ...