Willkommen in der Webstatt
User-1 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?
User-2 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]";

User-1 am 23.03.06 19:18

Das funktioniert leider auch nicht :/

User-3 am 23.03.06 19:38

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

User-1 am 23.03.06 19:42

oooouuups :O

Ich habs einfach net gesehen :) xyz-48ke

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


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

User-4 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.

User-1 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?

User-4 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();"

User-1 am 23.03.06 21:28

Vielen xyz-48k, 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