|
|||
Content-Wechsel bei Click
Hallo,
ich bin noch ein relativ blutiger Anfänger was JavaScript angeht Deshalb bin ich gerade einfach nicht in der Lage zu erkennen was hier schief läuft. Folgendes ist mein Problem: Ich möchte auf meiner Seite eine Box haben, in der sich ein LogIn Formular befindet. Soweit so gut. Beim Klick auf einen Button/Text soll nun aber dieses Formular verschwinden und stattdessen das Registrierungsformular erscheinen. Daaaas funktioniert noch nicht so ganz Zum "swappen" habe ich diese Funktion im Headbereich der Seite geschrieben: Code:
<script type="text/javascript"> var current_swap = "login"; function swap() { if(current_swap == "login") { _("headline").innerHTML = "Register"; _("swap_text").innerHTML = "Or Login Now"; _("loginform").innerHTML = "<?php include("register.php")?>"; var current_swap = "register"; } else { _("headline").innerHTML = "Log In"; _("swap_text").innerHTML = "Or Register Now"; _("loginform").innerHTML = "<?php include("login.php")?>"; var current_swap = "login"; } } </script> Code:
function _(x){ return document.getElementById(x); } HTML-Code:
<a id="swap_text" onclick="swap();">Or Register Now</a> <div id="input_fields"> <?php include("login.php") ?> </div> Freue mich auf Hilfe, Sans |
Sponsored Links |
|
|||
Wenn Javascript für dich zu schwierig ist, dann mache doch 2 Seiten, eine für Login und eine fürs Registrieren.
Gerade Logins und Registraturen sollen doch neue Leute veranlassen sich anzumelden, mache es ihnen nicht so schwer, denn wer Javascript aus hat kann das sonst nicht nutzen. Das ist somit niemals Barrierefrei. Javascript sollte ein zusätzliches Feature sein. Siehe auch Progressive Verbesserung
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..." Aus einem Forum. |
Sponsored Links |
|
|||
Äh, ich wills ja lernen^^ "zu schwer" gibts nicht Und meinen Usern schwerer mache ichs dadurch wirklich nicht. Ist ja nichts anderes als nen Link, nur dass die Seite bleibt. Bin auch nicht so der Fan von Aufgeben und die leichtere Version nehmen nur weils nicht gleich klappt
|
|
|||
Ich denke doch. Du mutmaßt 1. dass ich zu dumm für JavaScript bin, was ich vehement dementiere und meinst 2. dass man zugute der progressiven Programmierung auf Javascript verzichten sollte. Das halte ich aber nicht für keine Option.
Ich weiß schon was ich tun will. Ich brauche Hilfe bei meinem Problem, keine gutgemeinten, aber nutzlosen Ratschläge wie ich meine Projekte konzipiere Ist nicht böse gemeint, ist nur nicht das wonach ich suche. Hoffe jemand anderes kann mir helfen? Gruß Sans |
|
||||
Wenn ich deine Schnipsel, exakt so versuche zu testen bekomme ich:
Code:
ReferenceError: swap is not defined Nimmt man den Kram raus, kommt: Code:
Uncaught TypeError: Cannot set property 'innerHTML' of null Lad es irgendwo hoch oder gib uns den kompletten Code. Und achja, die Lösung ist recht simpel.
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato... All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege www.richard-thiel.de | Müssen Websiten überall gleich ausschauen? |
|
|||
Äh, ja wollte nicht allen Code reinhauen weil das so ... viel ist.
Bin mittlerweile soweit gekommen dass ich weiß dass ich ersteinmal die falsche ID aufgerufen hatte. Das zu ändern bringt mich zwar einen Schritt näher aber nicht wirklich weiter. Hier meine aktuelle Testumgebung: Nope, Link entfernt Ich habe das gerade als Button gemacht in der Hoffnung das bringt was, nicht wundern Danke aber schonmal für die produktive Hilfe Gruß EDIT: Habe auchnoch die die php includes die ich per innerHTML ändern wollte herausgenommen um das Problem auf das OnClick-Event herunterzubrechen. Eins nach dem anderen^^ Geändert von SansArt (17.03.2014 um 17:40 Uhr) |
|
|||
HTML-Code:
onfucus='emptyElement('status')' EDIT: Und weitere Fehler unter http://validator.w3.org/unicorn/chec...sk=conformance
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..." Aus einem Forum. Geändert von explanator (17.03.2014 um 01:30 Uhr) |
|
||||
Dein Problemherd ist auch nicht, das sich die Felder nicht zurück ändern. (Das ist damit gelöst, wenn du beim nachträglichen Ändern von current_swap das "var" davor wegnimmst.)
Des Weiteren (und das darfst du gerne böse auffassen oder sonst was, das ist mir egal) solltest du den gesamten Müll den du da hast mal wegschmeißen. Dein MarkUp leidet an extremer Vermüllung. https://gist.github.com/Thielo/069404deccc0c94c50c1 So könntest du dein HTML schonmal aufräumen. Verringerte Größe, gleiche Funktionalität, leichter zu lesen. Zu deinem JS gibts folgendes zu sagen: warum bindest du jQuery ein, wenn du es nicht benutzt und mir "Vanilla JS" arbeitest? Event-Handler Code:
el.addEventListener(eventName, eventHandler); Hier für FadeIn Code:
// JS el.classList.add('show'); el.classList.remove('hide'); // CSS .show { transition: opacity 400ms; } .hide { opacity: 0; }
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato... All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege www.richard-thiel.de | Müssen Websiten überall gleich ausschauen? |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Validator verbietet Attribut bei Link - Hilfe! ;) | bastkrug | (X)HTML | 7 | 20.02.2014 13:28 |
Tabellen als Div Container | SpecialFighter | (X)HTML | 7 | 12.10.2010 18:40 |
Ungewöhnlicher abstand beim clearen von floats | adrianno | CSS | 14 | 16.09.2009 15:20 |
DIV Länge automatisch anpassen | judicious | CSS | 10 | 08.05.2006 17:30 |
Seitenaufbau mit DIVs und 100% Höhe | vespasquire | CSS | 6 | 12.09.2004 16:21 |