Javascript jQuery - Login

M

mOnis

Mitglied
Hallo,

ich möchte für meine Seite ein Loginbereich machen mit Lightbox und Javascript.

Da habe ich gelesen, dass man es mit jQuery machen kann, da es eine große Libary für Javascript ist.

Da ich noch keine richtige Erfahrung mit Javascript habe, ist meine Frage, wie verwende ich am besten jQuery in zusammenhang mit Javascript auf meiner Seite?

PS: Ich erwarte jetzt keine genaue Anleitung, sondern schlicht ein paar kleine Infos :)

Update: Ok ich habe schonmal was gefunden, da brauch man die Libary für die Seite.

Ich habe 2 Versionen gefunden auf http://blog.jquery.com/2011/11/21/jquery-1-7-1-released/

1. jquery-1.7.1.min.js
2. jquery-1.7.1.js

Brauche ich beide Dateien oder ist das 1. nur ein abgespeckte Version? Sry das kam irgendwie im Artikel nicht so rüber.

Grüße
mOnis
 
Zuletzt bearbeitet:
jQuery ist "lediglich" ein umfangreicher JS-Helfer. In Deinem Fall wird die schicke AJAX-Implementierung hilfreich sein.

(1) Daten aus dem Formular per jQuery auslesen und per AJAX weiterleiten
http://www.tutorials.de/javascript-ajax/381948-jquery-submit-form.html

(2) Daten validieren per php
http://www.phpblogger.net/2007/07/09/formularinhalte-mit-php-validieren/

(3) Daten zurückgeben und "sicheren" Bereich ausgeben - per Sessions?
http://www.php-einfach.de/tuts_php_login_sessions.php

mfg chmee
 
Danke, das hilft schonmal weiter.

Ich bin ehr der SQL-User, habe in Zusammenhang mit SQL und Java keine Erfahrung. Wenn ich zum Beispiel Formulardaten speichern möchte mit ein Java-Form muss ich da auf Ajax zurückgreifen?

So wie ich das verstanden habe, ist Ajax einfach nur das Javascript von Microsoft ^^:P
 
AJAX ist jene Technik, Daten zu versenden und zu erhalten, ohne dass es ein Reload oder einen Stillstand der Seite gibt..

AJAX - Asynchronous JavaScript and XML

wiki - http://de.wikipedia.org/wiki/Ajax_(Programmierung)

Jede Programmiersprache wird irgendeinen Ansatz dazu haben, nur in der Webwelt hatte man bis Dato sowas nicht, zumindest nicht so einfach.

*Nachtrag*
.min. im Dateinamen bedeutet, dass es minified wurde, zusammengestaucht, zu Lasten der Lesbarkeit, zu Gunsten der Dateigröße. Wenn man also selbst keine Hand an den Source legt, ist jquery-1.7.1.min.js die richtige Wahl.

mfg chmee
 
Zuletzt bearbeitet:
Wieder was dazu gelernt :)

Jetzt sind ja meine Fragen beantwortet, danke.

Das das alles so einfach ist hätte ich nicht gedacht. Habe sogar auf meiner Testpage, das Login-Fenster mit jQuery hinbekommen wie es ich wollte, bis jetzt habe ich es nur optisch erstellt, dann werde ich mich gleich mal der AJAX widmen, damit man das Formular auch benutzen kann :)
 
Ok eine kleine Frage habe ich noch, aber muss ja nicht extra dafür ein neuen Thread machen, daher Doppelpost.

Ich habe ein paar Sachen jetzt mit jQuery getestet und habe das aus Spaß was geschrieben wo man leicht eine Seite mehrsprachig machen kann. Nur ob das Sinn macht ist eine andere Sache.

Ich habe mir eine Function geschrieben, wo ich zwei Variablen habe z.B language1 und 2, da habe ich eine Schleife eingebaut die checkt welche Sprache gewählt wurde.

Der Code

functions/language.js
Code: 
function language() {
	var langDE = "DE - Deutsch";
	var langEN = "EN - English";
	
	var langNO = "Please choose a language!";
	var lang;

	if(lang == langDE) {
		document.write(langDE);
	}
	else if(lang == langEN) {
		document.write(langEN);
	}
	else {
		document.write(langNO);
	}
}

index.php (kleiner Auszug)
Code: 
    <div id="footer">
    	<p>Footer<p>
        <p class="lang">Sprache: <script>language()</script></p>
    </div><!--  -->

Im Header von der index.php habe ich noch
Code: 
	<script src="js/jquery.js"></script>
    <script src="functions/language.js"></script>

Also der gibt else aus, ist ja auch logisch.

So wenn ich jetzt noch eine XML oder was auch immer mit den jeweiligen Text der Sprache erstelle und so die Seite mit mehreren Sprachen ausstatte, macht das so überhaupt Sinn?

Ich kann mir denken, dass Google mit dem Inhalt dann 0 anfangen kann und die Seite für Google kein Inhalt hat oder?
 
Zuletzt bearbeitet:
(A) LangNO macht doch keinen Sinn, der Fallback sollte sicherlich eine Standardsprache sein, oder?
(B) google kann mit dynamischen Seiten umgehen, aber in der Regel sollte für google und auch für den Benutzer eine Grundeinstellung existieren (siehe (A))
(C) Du brauchst JS-Script nicht im HTML aufzurufen, mach es doch genauso im Header oder am Ende und sag dem Script, wohin die Ausgabe geliefert werden soll bzw
(D) mit jQuery macht man es sich zur Regel, alle Scripte beim ready()-event aufzurufen, dann, wenn die Seite mit HTML und dem nachladen fertig ist. Bitte dazu die Dokumentation anschauen! http://docs.jquery.com/How_jQuery_Works
(E) jQuery, wenn es schon mal bei Dir läuft, macht auch normale Dinge einfacher - wie zB Deine Ausgabe.
Code: 
<script>
$(document).ready(function(){
    var langArray = ["DE - Deutsch","EN - English","NO - No Language"];
 
    if(lang == langDE) {
        $('#docLang').text(langArray[0]);
    }
    else if(lang == langEN) {
        $('#docLang').text(langArray[1]);
    }
    else {
        $('#docLang').text(langArray[2]);
    }
});      
</script>
mit dem HTML-Schnippsel
HTML: 
 <div id="footer">
        <p>Footer<p>
        <p class="lang">Sprache: <span id='docLang'></span></p>
</div>
..was auch n bissel eigenartig ist, die implizierende Frage Sprache: sollte wohl auch in jener (oder keiner) Sprache stattfinden :) und optimieren kann man das Konstrukt allemal..

mfg chmee
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück