Bei anklicken Abfrage ausblenden

**wahsaga** · 14.09.2003, 21:58

Re: Bei anklicken Abfrage ausblenden

du kannst bei denn elementen, die du zeitweise nicht sichtbar haben möchtest, die css-eigenschaft visibility oder display dynamisch per javascript ändern.

wie du auf sytle-eigenschaften per JS zugreifst, steht in selfhtml (zweites beispiel, "DOM-syntax").

**manuelakersten** · 15.09.2003, 08:29

Danke für die Antwort,

jedoch muss ich da die Seite nicht Reloaden um das
ergebnis vom Radiobutton in die Variabel zu schreiben,
denn dann kann ich es auch mit einer IF-Schleife arbeiten oder ?!

Gruss und Danke Manuela

**wahsaga** · 15.09.2003, 08:32

Original geschrieben von manuelakersten
jedoch muss ich da die Seite nicht Reloaden um das
ergebnis vom Radiobutton in die Variabel zu schreiben

wenn du es mit javascript machst, musst du die seite natürlich nicht reloaden.

**manuelakersten** · 15.09.2003, 22:47

Hallo,

ohh je - nun ich habe es nicht hinbekommen mit der
Benutzung des Radiobuttons da ich nicht weis wie
ich damit ein JS aufrufen könnte.

Gruss und Danke Manuela

**manuelakersten** · 15.09.2003, 23:16

So ich habe nun an die folgends in den Headbereich eingefügt :

PHP-Code:


function Update() {

    document.FormName.p_typ.readOnly = false;

}

den Radiobutton habe ich wie folgt abgeändert :

PHP-Code:


<input type="radio" name="p_typ" value="2" onClick="return Update();">

und die Zeile die aktiviert werden soll wurde folgendermassen abgeändert :

PHP-Code:


<input style="FONT-SIZE: 11px; width: 300px;" type="text" name="p_pic_banner" value="'.($GLOBALS['p_pic_banner']).'" readonly>

Aber sowie ich auf den Radiobutton klicke bekomme
ich ein Syntaxerror über die 'onClick' Anweisung.

Was mache ich falsch ?

Gruss und Danke Manuela

**wahsaga** · 16.09.2003, 09:15

Original geschrieben von manuelakersten
Aber sowie ich auf den Radiobutton klicke bekomme
ich ein Syntaxerror über die 'onClick' Anweisung.

zu einer fehlermeldung gibt es idR auch noch etwas mehr informationen, was genau falsch ist.
wenn der IE keine genau fehlermeldung liefert, teste es mit einem anderen browser, der das debugging besser drauf hat, mozilla z.b.

**manuelakersten** · 16.09.2003, 22:42

Also ich das Script mal vereinfacht :

PHP-Code:


<!doctype html public "-//W3C//DTD HTML 4.0 //EN"> 

<html>

<head>

       <title>Testscript</title>

<!--

function Update() {

    document.FormName.test.readOnly = false;

}

//-->

</head>

<body>

<form action="test" method="post">

     <input type="radio" name="test" value="3" onClick="return Update();"><b>Radiobutton</b><br>

       <input type="text" name="p_pic_banner" value="Testfeld deaktiviert" readonly>

</form>

</body>

</html>

Es wird ein Objekt erwartet und der Debugger Markiert folgenden
Funktionsaufruf 'onClick="return Update()' .

Testscript

Gruss und Danke Manuela

**wahsaga** · 16.09.2003, 23:36

mein opera zeigt mir in der javascript-konsole als fehler
>> No such variable 'Update' <<
und zwar für deinen aufruf im onlick.

ich verstehe auch nicht, warum du hier "return Update()" schreibst - deine funktion gibt keinen rückgabewert zurück, also ist auch das return hier fehlplatziert.

**manuelakersten** · 17.09.2003, 07:40

Tschuldigung, aber ich habe von JS absolut Null Ahnung
und habe mir diese Funktionen auch nur hier im Forum
zusammen gesucht. Welchen Aufruf muss ich sonst
nach onclick benutzen ??

Gruss und Danke Manuela

**wahsaga** · 17.09.2003, 10:16

Original geschrieben von manuelakersten
Welchen Aufruf muss ich sonst nach onclick benutzen ??

ich würde es einfach mit

Code:

onClick="Update();"

versuchen.

return ist an dieser stelle nicht sinnvoll, da deine funktione ihrerseits keinen rückgabewert liefert, der hier mit return weitegereicht werden könnte.

**manuelakersten** · 17.09.2003, 20:55

PHP-Code:


<!doctype html public "-//W3C//DTD HTML 4.0 //EN"> 

<html>

<head>

       <title>Testscript</title>

<!--

function Update() {

    document.FormName.test2.readOnly = false;

}

//-->

</head>

<body>

<form action="test" method="post">

 <input type="text" name="test2" value="Testfeld deaktiviert" readonly><br>

 <input type="radio" name="test" value="3" onClick="Update();"><b>Radiobutton</b>

</form>

</body>

</html>

Selbe Fehlermeldung **HEUL**

Danke und Gruss Manuela

**wahsaga** · 17.09.2003, 23:44

1. wo ist der <script>-tag, um zu kennzeichnen, dass du einen javascript-bereich hast?
du hast die funktion einfach so in den head geschrieben ...
(wundere mich, dass mir das erst jetzt auffällt ...)

2. wenn du das korrigiert hast, kommt natürlich die nächste fehlermeldung - "document.FormName.test2 ist Null oder kein Objekt".
wo bitte ist denn dein formular mit dem namen "FormName" ...?

**holyfreak** · 18.09.2003, 16:21

PHP-Code:


<!doctype html public "-//W3C//DTD HTML 4.0 //EN"> 

<html>

<head>

       <title>Testscript</title>

<script type="text/javascript">

<!--

function Update() {

    document.FormName.test2.readOnly = false;

}

//-->

</head>

<body>

<form action="test" name="FormName" method="post">

 <input type="text" name="test2" value="Testfeld deaktiviert" readonly><br>

 <input type="radio" name="test" value="3" onClick="Update();"><b>Radiobutton</b>

</form>

</body>

</html>

jetzt müsst es funzen

**wahsaga** · 18.09.2003, 16:40

@holyfreak:

schön dass du hier beweist, dass du in der lage bist meine zwei minimalen änderungsvorschläge/hinweise umzusetzen (oder auch nicht, einen schliessenden </script>-tag gibt's bei dir ja immer noch nicht) - aber denkst du nicht, dass der lerneffekt für manuela höher ist, wenn sie die hinweise die sie hier bekommt selber umsetzt?

Bei anklicken Abfrage ausblenden