Willkommen in der Webstatt Zum Webstatt Blog und Stories
Julian am 23.03.06 19:07

Hallo,

Ich bin ja - wie mittlerweile vielleicht bekannt - ein absoluter Anfänger in Sachen Javascript, aber nun stehe ich vor einem so simplen Problem, dass es mir schon fast peinlich ist hier nachzufragen:

In meinem Forum (selbstprogrammiert) soll man beim erstellen von Threads/Antworten auch ein Bild einfügen können. Dafür öffnet man ein Popup, wo man das entsprechende Bild hochladen kann.
Das Bild wird dann in einer Art Bibliothek aufgelistet und sollte mit einem Klick in die Textarea vom ursprünglichen Fenster eingefügt werden.


Codeausschnitt aus dem Popup:

<script language="Javascript">
function openTag(newTag) {
opener.document.bbform.message.value += "[IMG]"+newTag+"[/IMG]";
}
</script>
[...]
<img src="../gfx/icons/select.gif" border="0" alt="Auswählen" onlick=" openTag('image.jpg');" />


Codeausschnitt von der Hauptseite:

<form action="blabla" method="post" name="bbform">
[...]
<textarea cols="50" rows="15" name="message"></textarea>



Eigentlich hatte es immer geklappt. Jetzt gehts irgendwie nich :/


Hab da ausserdem noch eine andere Frage:
Wie setzt man folgende Funktion um?
Wenn auf ein Submit-Button gedrückt wird, soll eine Grafik eingeblendet werden.
(Wenn ich auf "Bild hochladen" drücke, kommt eine Loading-Grafik, damit der User auch weiß, dass gerade hochgeladen wird)

netcup.de Warum gibt es hier Werbung?
sili sili am 23.03.06 19:15

Ich bin nicht ganz sicher, aber ich glaube, so sollte es gehen

window.opener.document.bbform.message.value += "[IMG]"+newTag+"[/IMG]";

Julian am 23.03.06 19:18

Das funktioniert leider auch nicht :/

Zeronet Zeronet am 23.03.06 19:38

Ist das nur hier ein Tippfehler oder hast du im original evt. auch onlick anstatt von onclick geschrieben?

Julian am 23.03.06 19:42

oooouuups :O

Ich habs einfach net gesehen :) Danke

PS: Kann mir jemand noch wegen dem zweiten Problem weiterhelfen?


Edit:
"onlick" ... wo war ich bloß mit meinen Gedanken ... *fg*

Michael Michael am 23.03.06 19:48

Kannst du nicht bei onClick einfach ein DIV mit einem Ladebild einblenden?
Einen richtigen Fortschrittsbalken wirst du wohl nur mit AJAX realisieren können.

Julian am 23.03.06 19:58

Wie man auch hier im WBB oft merkt, man klickt auf "Bild hochladen" aber man sieht im Prinzip nicht, dass etwas passiert. Aus dem Grund möchte ich während dem Upload einfach nur ein animiertes Gif einblenden. Eine Uhr mit drehenden Uhrzeigern oder so

Kannst du mir den Code oder zumindest den Ansatz für die onClick->Div Sache geben?

Michael Michael am 23.03.06 20:07

1) Das DIV

<div id="loading"><img src="/images/loading.gif" alt="Laden..."/></div>

2) CSS

div#loading {
display: none;
}

3) Die JS Funktion

function show_loading() {
var element = document.getElementById('loading');
element.style.display = 'block';
}

4) OnClick

onClick="show_loading();" oder alternativ onSubmit="show_loading();"

Julian am 23.03.06 21:28

Vielen Dank, so klappts sehr gut :)

Vielleicht sollte ich mir mal bei Gelegenheit mal ein paar Grundkenntnisse in Javascript aneignen. :tired:

Creative Commons Lizenzvertrag
Alle Inhalte des Webstatt-Archivs stehen unter einer Creative Commons Namensnennung - Weitergabe unter gleichen Bedingungen 3.0 Unported Lizenz.

Impressum & Kontakt