[Gast]  Foren Programmierung/Entwicklung JavaScript Funktionen ein- und ausschalten

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Programmierung/Entwicklung
Themen
Beiträge
Moderatoren
Letzter Beitrag
JavaScript
1411
5354
Thomas Richard
28. Feb 2024, 15:17
Nic1703
 

Funktionen ein- und ausschalten

Larvarin
Beiträge gesamt: 53
5. Okt 2004, 21:42
Beitrag # 1 von 2
Bewertung:
(801 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Ich mache so ein Javascript spiel, bei dem man die richtigen Lösungen zu den Fragen in Felder eingibt, und der Computer sie dann programmiert. Dazu möchte ich noch was hinzufügen: wenn man eine bestimmte falsche Antwort eingibt, kommt eine Meldung die sagt z.B. "Tipp: du musst das Nomen im Akkusativ eingeben. Das war Dativ" oder so. Allerdings könnten diese Popup-tipps etwas störend sein, deshalb wäre es gut wenn der User die Popup-hilfen ein- und ausschalten könnte. Gibts irgendsoeinen code? Z.B. ist oben auf der Seite ein Knopf mit der Schrift "Hinweise ein/ausschalten" oder eine Checkbox, und wenn diese angeklickt werden wird die Funktion "Hinweise" (oder wie nennt sich das, boolean?) auf "true" bzw. auf "false" gesetzt?
Bin noch ziemlich neu bei Javascript. Hoffe ich versuche hier jetzt nicht etwas, das nur bei Java geht.
X

Funktionen ein- und ausschalten

bline
Beiträge gesamt: 169
14. Okt 2004, 22:20
Beitrag # 2 von 2
Beitrag ID: #115978
Bewertung:
(798 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hier kannst Du mit Layern/Ebenen arbeiten. Ist aber eine tricky Sache.

Hier mein funktionstüchtiges Standard-Script, dass ich auf einigen Seiten ab Browser-Versionen 4.X eingesetzt habe. Es ist auch kommentiert. Achte auf die IDs bzw. Layernamen.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="de">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<title>Layer-Magic</title>
<script type="text/javascript" language="javascript1.2" charset="iso-8859-15">
<!--
// BrowserID (DOM) siehe check();
var browser;
var openlayer = '';
/////////////////////////////////////////////////////////////////
// Browsercheck
/////////////////////////////////////////////////////////////////
function init(){
if(!document.all || !document.layers || !document.getElementById){ browser = 0; }
if(document.layers){ browser = 1; }
if(document.all){ browser = 2; }
if(document.getElementById){ browser = 3; }
// Spezifische Anweisungen
}
// Kontrolle der Layers
function layerctrl(layername){
if(openlayer != ''){
if(openlayer == layername){
hideLayer(openlayer);
openlayer = '';
}
if(openlayer != layername && openlayer != ''){
hideLayer(openlayer);
showLayer(layername);
openlayer = layername;
}
}
else{
showLayer(layername);
openlayer = layername;
}
}
/////////////////////////////////////////////////////////////////
// Routine Layer EINblenden
/////////////////////////////////////////////////////////////////
function showLayer(layername){
if (browser == 1){ window.document.layers[layername].visibility = 'show'; }
if ( browser == 2){ document.all[layername].style.visibility = 'visible'; }
if ( browser == 3){ document.getElementById(layername).style.visibility = 'visible'; }
}
/////////////////////////////////////////////////////////////////
// Routine Layer AUSblenden
/////////////////////////////////////////////////////////////////
function hideLayer(layername){
if (browser == 1){ window.document.layers[layername].visibility = 'hide'; }
if ( browser == 2){ document.all[layername].style.visibility = 'hidden'; }
if ( browser == 3){ document.getElementById(layername).style.visibility = 'hidden'; }
}
//-->
</script>
<style type="text/css"><!--
/* Hier werden die einzublendenden Ebenen definiert */
#tipp { position: absolute; left: 300px; top: 50px; width: 248px; height: 368px; z-index: 1; visibility: hidden; display: block; color: #000000 }
#warnung { position: absolute; left: 300px; top: 50px; width: 248px; height: 368px; z-index: 2; visibility: hidden; display: block; color: #000000 }
--></style>
</head>
<body onload="init();">
<!-- Unsichtbare, einzublendende Ebene -->
<div id="tipp" style="background-color:#cccccc">
<p> Hier ist der Tipp </p>
<p>Diesen kann man auch <a href="#" onClick="layerctrl('tipp');">hier schliessen!</a></p>
</div>
<!-- Unsichtbare, einzublendende Ebene -->
<div id="warnung" style="background-color:#cccccc">
<p> Hier ist die Warnung </p>
<p>Diesen kann man auch <a href="#" onClick="layerctrl('warnung');">hier schliessen!</a></p>
</div>
<!-- Sofort sichtbarer Teil -->
<p>Das hier ist sichtbar am Anfang<br>
Hier werden mit Klicks die Ebenen ein- ODER ausgeblendet<br>
<a href="#" onClick="layerctrl('tipp');">Tipp</a>
&nbsp;
<a href="#" onClick="layerctrl('warnung');">Warnung</a>
</p>
</body>
</html>

Gruss aus Zürich
---------------------------
soehne.ch / toechter.ch
http://www.soehne.ch
---------------------------

als Antwort auf: [#113353]

Aktuell

Web / SEO / Blockchain / Betriebssystem
Schutz vor Fake-Shops mit Verbraucherschild.de

| 24.11.2023

300

Veranstaltungskalender

Hier können Sie Ihre Anlässe eintragen, welche einen Zusammenhang mit den Angeboten von HilfDirSelbst.ch wie z.B. Adobe InDesign, Photoshop, Illustrator, PDF, Pitstop, Affinity, Marketing, SEO, Büro- und Rechtsthemen etc. haben. Die Einträge werden moderiert freigeschaltet. Dies wird werktags üblicherweise innert 24 Stunden erfolgen.

pdf-icon Hier eine kleine Anleitung hinsichtlich Bedeutung der auszufüllenden Formularfelder.

Veranstaltungen
14.05.2024
Einsparpotenziale in der Weiterverarbeitung

Online
Dienstag, 14. Mai 2024, 10.00 - 10.30 Uhr

Webinar

Prozessoptimierung ist ein Teamsport! Keine Software und keine Maschine allein kann Ihnen helfen, die Effizienzpotenziale Ihres Betriebes maximal auszuschöpfen. Von der Auftragsannahme über die Vorstufe und den Druck bis hin zur Weiterverarbeitung – alles muss optimal ineinandergreifen. Apropos Weiterverarbeitung – in vielen Druckbetrieben fristet sie in Sachen Prozessoptimierung immer noch ein Schattendasein. Dabei liegen hier mittlerweile die größten Einsparpotenziale! In einem Webinar von Horizon und Impressed erfahren Sie, wie Sie diese Einsparungen realisieren können. Horizon, bekannt für innovative Lösungen in der Druckweiterverarbeitung, bietet mit iCE LiNK eine Workflowlösung für die Weiterverarbeitung. iCE LiNK überwacht, visualisiert und analysiert Produktionsabläufe und unterstützt bei der Wartung – damit immer alles reibungslos läuft. Den gleichen Anspruch hat der von Impressed entwickelte Impressed Workflow Server – er ist die smarte PDF-Workflow-Lösung für Druckereien, die Datenmanagement, Preflight und Produktionssteuerung übernimmt. Im Webinar zeigen Ihnen die Experten von Horizon und Impressed, wie beide Lösungen im Team die Effizienz und Produktivität Ihres Betriebes steigern können. Melden Sie sich am besten gleich an, wir freuen uns auf Sie! PS: Melden Sie sich in jedem Fall an – sollten Sie zum Termin verhindert sein, erhalten Sie die Aufzeichnung.

kostenlos

Ja

Organisator: Impressed / Horizon

https://www.impressed.de/schulung.php?c=sDetail&sid=327

Einsparpotenziale in der Weiterverarbeitung
Veranstaltungen
16.05.2024
Und es geht doch: Automatisierung im Großformatdruck!

Online
Donnerstag, 16. Mai 2024, 10.00 - 10.30 Uhr

Webinar

Komplizierte, kleinteilige Aufträge; alles sehr speziell; seit Jahren bewährte Prozesse – da können wir nichts standardisieren und automatisieren! Das sagen viele Großformatdrucker – aber stimmt das wirklich, ist dem tatsächlich so? Günther Business Solutions und Impressed treten in einem Webinar den Gegenbeweis an. Experten beider Unternehmen zeigen, wie Großformatdrucker vom Einsatz zweier bewährter Lösungen profitieren können: • von advanter print+sign von Günther Business Solutions, dem ERP-System für den Großformatdruck, dass alle Phasen der Wertschöpfung im Large Format Printing abdeckt • von Impressed Workflow Server, der smarten PDF-Workflow-Lösung für Druckereien, die Datenmanagement, Preflight und Produktionssteuerung übernimmt Über die Kombination beider Lösungen können Großformatdrucker ihre Prozesse mit modernen Workflows Schritt für Schritt automatisieren – und so zügig deutliche Zeit- und Kosteneinsparungen realisieren. Das Webinar sollten Sie sich nicht entgehen lassen – damit Sie keine Effizienzpotenziale mehr liegen lassen. Melden Sie sich am besten gleich an, wir freuen uns auf Sie! PS: Melden Sie sich in jedem Fall an – sollten Sie zum Termin verhindert sein, erhalten Sie die Aufzeichnung.

kostenlos

Nein

Organisator: Impressed / Günther Business Solutions

https://www.impressed.de/schulung.php?c=sDetail&sid=326

Und es geht doch: Automatisierung im Großformatdruck!
Weitere Events

Neuste Foreneinträge


Problem mit RGB> CMYK in Vektor-Smartobjekt

Adobes Konvertierungsdienst per Script aufrufen

Mit Preflight Registerfarbe ALL nach Grau konvertieren geht nicht

Switch/PitStop: Sprachdatei vom Report ändern

Absatzsetzer in CC24 ME lösen Probleme aus

Quark Objekte lassen sich nicht neben Layout ziehen.

Barrierefreie PDFs | Mögliche unangebrachte Verwendung des Strukturelements xy

Barrierefreiheit in indesign 2022: figure-Tags haben als Attributobjekt "block" statt "inline"?

Kontrollkästchen in PDF-Formular

Indesign Tabelle ausrichten
medienjobs
Weitere Stellenangebote