Javascript lernen

[DeletedUser]

*räusper*

ja sicher xxDD

<img src="weissnix.jpg" width="sonstwas" heigth="keineahnung">

Aber mit JavaScript?

 

[DeletedUser86497]

Ich kann kein Javascript muss du wen anderen fragen.

 

[TimLim]

achso LoL

Danke für diese sinnvollen Post...

var img = document.createElement('img');
// Img Element erstellen
img.src = 'PFAD';
// Pfad zum bild einfügen
var body = document.getElementsByTagName('body')[0];
// Body selektieren
body.appendChild(img);
// Bild in den Body einfügen

 

[DeletedUser]

Überall anzeigen?

Danke!

aber kann man dann das Bild auch nach dem Login-Button anzeigen lassen? Also mit

Spoiler: Code

// Textknoten erzeugen
var textNode = document.createTextNode('DS ist cool');

// Loginbutton im DOM "finden", hier einfach, da der Button eine eindeutige ID hat, lässt sich am einfachsten mit Firebug Addon rausfinden
var button = document.getElementById('login-btn-input');

// Knoten nach dem Button finden
var nextNode = button.nextSibling;

// Elternknoten finden
var parentNode = nextNode.parentNode


// Text in die Seite einfügen
parentNode.insertBefore(textNode,nextNode);

 

[DeletedUser]

Hingekriegt..

Danke!

aber kann man dann das Bild auch nach dem Login-Button anzeigen lassen? Also mit

Spoiler: Code

// Textknoten erzeugen
var textNode = document.createTextNode('DS ist cool');

// Loginbutton im DOM "finden", hier einfach, da der Button eine eindeutige ID hat, lässt sich am einfachsten mit Firebug Addon rausfinden
var button = document.getElementById('login-btn-input');

// Knoten nach dem Button finden
var nextNode = button.nextSibling;

// Elternknoten finden
var parentNode = nextNode.parentNode


// Text in die Seite einfügen
parentNode.insertBefore(textNode,nextNode);

So, das hab ich hingekriegt.

 

[DeletedUser88169]

Hab auch mal eine Frage:
Ich will für ein Seite (Schueler.cc) ein kleines Skript machen. Dazu brauche ich die Position eines Bildes (in Form einen Arrays, z.B. getElementsByTagName("img")[10] ), welches fest in die Seite integriert ist. Jetzt habe ich versucht zu zählen welche Position das Bild hat. Allerdings lässt sich das nicht genau sagen, da es davon abhängt wie viele Leute online sind (es wird für jede ein Minibild angezeigt). Jetzt würde ich gerne mit Javascript die Position bei jedem Aufruf der Seite neu generieren lassen. Geht das?
Ich will raus finden ob das Bild existiert. Gibt es da noch eine andere Methode? Ich wollte es so machen:

if (getElementsByTagName("img")[20]) {
.
.
.
}

Hoffe ihr habt mich verstanden. Sonst einfach nachfragen.
JaRoSchm

kurz: Ich will raus finden ob ein Bild existiert. Meine Idee war mit getElementsByTagName() herauszufinden ob es da ist. Wie finde ich jetzt die Position des Bildes raus? Gibt es vielleicht noch eine andere Möglichkeit raus zu finden ob das Bild existiert?

 

[DeletedUser]

mit dem Code stellst du fest ob das Bild mit dem Index 20 existiert.
Nützt dir das denn was ? Ich dachte du brauchst die Position/Index eines ganz bestimmten Bildes ?
Wenn das der Fall ist musst du das Bild irgendwie identifizieren können .. hat es eine bestimmte URL / alt ?

 

[DeletedUser88169]

Nein ich will erstmal feststellen welchen Index das Bild hat.
Hier der Code für das Bild:

<img width="85" height="25" border="0" style="padding-left: 10px;" src="b/start/event_post.gif">

Ich würde es am src identifizieren wenn das geht.

 

[DeletedUser]

Nein ich will erstmal feststellen welchen Index das Bild hat.
Hier der Code für das Bild:

<img width="85" height="25" border="0" style="padding-left: 10px;" src="b/start/event_post.gif">

Ich würde es am src identifizieren wenn das geht.

Du kannst das Bild natürlich am src-Attribut identifizieren, wenn kein anderes Bild den gleichen src-Wert hat. Wenn es dann nich allzu viele Bilder sind würd ich die einfach in einer Schleife durchlaufen und auf den Wert des src-Attributs überprüfen. Wenn du dann das richtige Bild gefunden hast, hast du auch gleich den Index (in Form der Schleifenvariable) ;-)

Hoffe ich konnte dir einen Denkanstoß geben

 

[DeletedUser108942]

Hiho,
jetzt nur mal so ein Buchtipp in den Raum geschmissen.
Es handelt sich um Javascript für Kids klingt zwar kindisch ist aber für erwachsene auch gut geeignet.
Ich habe selbst 3 Bücher dieser Reihe (Dieses zwar nicht, aber ich glaube es ist auch gut) und bin echt begeistert.
Also ihr könnt es euch ja zu Weihnachten holen.

m.f.g.
JaRoSchm

ich will nochmal dadrauf zurückkommen

also wenn amnd as buch hat und deutsch versteht kann man javaskript mit nem editor und nem browser lernen ohne irgendetwas sonst??

weil ich habe es mir angeschaut und es scheint übersichtlich zu sein^^

 

[DeletedUser]

Also erstmal... Wir reden hier von Javascript, nicht von Java. Java ist auch eine Programmiersprache, jedoch unterscheidet sie sich sehr von Javascript. Gewohn dir also an, von Javascript zu reden wenn du auch Javascript meinst

Du musst eigentlich garnichts kaufen oder haben um javascript zu lernen. Doch es wäre vorteilhaft HTML-Grundkenntnisse zu haben. Es gibt auch sehr gute E-Books, welche kostenlos zum download angeboten werden. Ich hab mir noch kein Buch gekauft und bin (bis jetzt) immer zurecht gekommen. Zu Anfang (so ist es zuminest bei mir) wirst du sehr oft diese Seite gebrauchen:SELFHTML. Da steht eigentlich auch alles wichtige für HTML drin.

Ich will dich natürlich nicht von Kauf des Buches abhalten Das ist bestimmt ein gutes Buch und es wird dir mit Sicherheit weiterhelfen.
Um nun auf deine Frage zurückzukommen: Ja, du brauchst nichts anderes. Einen Editor, einen Browser, ein paar Englisch Kenntnisse wären nicht schlecht, und ein (gutes) Buch mit dem du zurechtkommst. Keine Ahnung was du dann mit Javascript vor hast, wenn du nur userscripts schreiben willst reicht das. Wenn du aber eine komplette Website schreiben willst, wirst du wahrscheinlich auch Apache o. Ä. benötigen. Kann sein, dass das auch im Buch erwähnt wird deshalb lass ich das mal so stehen.

Gruß Patrick

P.S. Sollte jemand irgendwas finden was nicht stimmt, dann bitte melden^^

 

[DeletedUser108942]

ja habs verbessert ist halt so bequem weniger zu schreiben...naja :/ muss ich mich halt dran gewöhnen


ne websites am anfang noch nicht, und wenn doch dann muss ich noch besser HTML lernen weil mit nur javaSKRIPT ist es etwas schwer^^

 

[DeletedUser108942]

sorry für doppelpost, schriebe es aber in nen neuen post wegen der übersicht^^


also und zwar will ich wissen ob es irgendwo eine seite oder so gibt wo die ganzen stämme-begriffe für JS da sind, weil die sind ja nicht immer mit dem englichen wort gleichlautend

 

[DeletedUser]

sorry für doppelpost, schriebe es aber in nen neuen post wegen der übersicht^^


also und zwar will ich wissen ob es irgendwo eine seite oder so gibt wo die ganzen stämme-begriffe für JS da sind, weil die sind ja nicht immer mit dem englichen wort gleichlautend

Da rat ich dir einfach mal in den Seitenquelltext von DS zu kucken, hier werden ja auch nur englische Begriffe verwendet und die kannste meistens schon an den Icons ablesen (bzw. an den Namen der Bilddateien) ...
Oder du gehst auf die tribalwars beta, da is auch alles auf Englisch ;-)

 

[DeletedUser]

ja habs verbessert ist halt so bequem weniger zu schreiben...naja :/ muss ich mich halt dran gewöhnen


ne websites am anfang noch nicht, und wenn doch dann muss ich noch besser HTML lernen weil mit nur javaSKRIPT ist es etwas schwer^^

Na unterschätz HTML mal nicht Du wirst schon sehen, auch userscripts erforden einige HTML Kenntnisse, da du ja mit den verschiedenen HTML-Elementen arbeiten musst.

 

[DeletedUser]

das hat jz zwar relativ wenig mit irgendwelchen Spielscripten zu tun, aber wie kann ich 2 links zu einem verknüpfen?

<a href="javascript:seiteoeffnen();">öffnen</a> <a href="javascript:Test()">funkt</a>
dann öffnet sich beim klicken auf den ersten link die seite, aber erst bei klick auf den zweiten link wird die funktion test() ausgeführt.
ich hätt das aber gern in einen link verpackt und hab einfach keine ahnung, wie ich das anstellen soll.

 

[DeletedUser]

Wenn seiteoeffnen(); eine neue Seite lädt, dann hast du keine Möglichkeit den Code in den Link zu verpacken. Würde das gehen, wäre es eine ziemliche Sicherheitslücke.

Wenn es ein Greasemonkey Script ist, musst du GM auf die neue Seite anwenden und dann die funktion Test aufrufen.

Wenn es kein GM ist, dann musst du eben die Funktion test() in den Javascript Bereich der neuen Seite schreiben.

 

[DeletedUser108942]

Da rat ich dir einfach mal in den Seitenquelltext von DS zu kucken, hier werden ja auch nur englische Begriffe verwendet und die kannste meistens schon an den Icons ablesen (bzw. an den Namen der Bilddateien) ...
Oder du gehst auf die tribalwars beta, da is auch alles auf Englisch ;-)

ja ich weiss wie ich die englichen worte rausfinde aber auf englich ist es ja scout, bei JS isses spy^^
also sowas gibt es nicht?

 

[DeletedUser]

hol dir firebug und schau in den Quellentext. Du musst aber ein wenig HTML verstehen. Wobei verstehen ja immer leichter ist als schreiben

 

[DeletedUser108942]

ja html vershehe ich bisschen kein problem

 

[DeletedUser88169]

@Gödda-gödz: Danke für den Tipp werde es mal versuchen.

@Lord Therena: Ich habe es mir gekauft und muss zugeben das es mir nicht so gefällt wie die anderen Bücher der Reihe. Würde es persönlich nicht weiter empfehlen.

 

[DeletedUser108942]

aha und wieso?

 

[DeletedUser88169]

Naja der Autor bringt es nicht wirklich auf den Punkt. Ich poste hier jetzt mal ein Kundenrezession von Amazon welche eigentlich voll zutrifft:
"Ich bin bisher mit der Serie "... für Kids" recht begeistert, weil wirklich vieles einfach und nachvollziehbar beschrieben wird.
Mit "Javascript für Kids" habe ich allerdings so meine Schwierigkeiten.
Ich bin von Natur Autodidakt und habe mir schon vieles angeeignet und gelernt. Und auf der Brennsuppn bin ich sicher auch nicht daher g'schwommen. Auf diese Weise habe ich mich schon durch manch komplizierte Materie erfolgreich durchgehangelt. In diesem Buch jedoch musste ich manche Abschnitte 3-4 mal lesen, um überhaupt zu verstehen, was der Autor meint. An anderen Stellen kommt eine zusammenfassende Box vor dem Textabschnitt, in dem etwas erklärt wird, so dass man verwirrt vor und zurück schlägt, um die Reihenfolge der Erklärung zu verstehen.

Auch scheint mir der Autor eine Verliebtheit für Schachtelsätze zu haben. Ob das jedoch das geeignete Stilmittel ist, um Kinder an eine sowieso nicht einfache Materie heranzuführen, ist für mich ebenso fraglich.

Alles in allem bin ich von DIESEM Buch in dieser Serie recht enttäuscht.
Schade eigentlich, denn der Einstieg wäre gut gelungen und die Tutorials sind praxisnah und gut einsetzbar (Formularprüfung etc.). Eine gründliche Überarbeitung würde dem Buch sicher nicht schaden. "