[jtg]

Hallo zusammen. Mittels serverseitigen Methoden lasse ich folgenden HTML-Code erzeugen.

<form id="register" name="register">

    <ul>
        <li id="usr_1">Benutzer 1 <a href="#notice">Anmelden</a> <input class="rgstr" id="nusr_1" name="nusr_1" type="hidden" value="" /></li>
        <li id="usr_2">Benutzer 2 <a href="#notice">Anmelden</a> <input class="rgstr" id="nusr_2" name="nusr_2" type="hidden" value="" /></li>
        <li id="usr_3">Benutzer 3 <a href="#notice">Anmelden</a> <input class="rgstr" id="nusr_3" name="nusr_3" type="hidden" value="" /></li>
    </ul>

    <input id="submit_registration" name="submit_registration" type="button" value="Anmelden" />

</form>

<div id="notice" style="display: none;">

    <h5>Bemerkung hinzufügen</h5>
    <textarea></textarea>
    <input id="skip_notice" name="skip_notice" type="button" value="Überspringen" />
    <input id="add_notice" name="add_notice" type="button" value="Hinzufügen" />

</div> 

Soweit sogut, noch keine Probleme.
Ich will, dass sich bei einem Klick auf "Anmelden" eine Fancybox öffnet, die ein kleines Formular beinhaltet. Der JavaScript-Code hierzu sieht folgendermaßen aus:

<script language="JavaScript">

    $(document).ready(function(){

        $('.rgstr').fancybox({
            /* 'frameWidth', 'frameWidth', usw. */
        });

    });

</script> 

Ich schaffe es nicht, dass der Wert der in der Textarea vorliegt in das versteckte Feld des jeweiligen Listenelements zugeordnet wird. Wie muss ich den Code ändern, damit das so funktioniert wie ich das will?

gruß

[domkk]

Du musst erstmal ja noch definieren, welcher Benutzer beim öffnen der Fancybox ausgewählt wird.

Dann kannst du dir überlegen wie dus am sinnvollsten übergibst. In deiner Variante z.B. sowas wie:

//Für Textarea
onchange="document.formname.select.value = this.value"
...
<input type="hidden" name="select" value="" />
...
//Für den Submit-Button
onclick="document.register.nusr_x.value = document.fornname.select.value"

Ist eine Möglichkeit die simpel ist.

[jtg]

oke also zuerstmal noch die id des benutzers übergeben. wie packe ich deinen code denn dann in ein jquery script. also besser gesagt wohin...?

[domkk]

Du brauchst den Code nicht in das jquery-Script einbinden.
Direkt in den HTML-Syntax:

<form id="register" name="register">

    <ul>
        <li id="usr_1">Benutzer 1 <a href="#notice">Anmelden</a> <input class="rgstr" id="nusr_1" name="nusr_1" type="hidden" value="" /></li>
        <li id="usr_2">Benutzer 2 <a href="#notice">Anmelden</a> <input class="rgstr" id="nusr_2" name="nusr_2" type="hidden" value="" /></li>
        <li id="usr_3">Benutzer 3 <a href="#notice">Anmelden</a> <input class="rgstr" id="nusr_3" name="nusr_3" type="hidden" value="" /></li>
    </ul>

    <input id="submit_registration" name="submit_registration" type="button" value="Anmelden" />

</form>

<div id="notice" style="display: none;">
<form id="formname" name="formname">

    <h5>Bemerkung hinzufügen</h5>
    <textarea onchange="document.formname.select.value = this.value"></textarea>
    <input type="hidden" name="select" value="" />
    <input id="skip_notice" name="skip_notice" type="button" value="Überspringen" />
    <input onclick="document.register.nusr_x.value = document.formname.select.value" id="add_notice" name="add_notice" type="button" value="Hinzufügen" />

</form>
</div> 

[jtg]

wenn ich das so auf meinem server teste passiert rein garnichts... ich denke, dasss das daran liegt, dass ich in der fancybox mit inline content arbeite...
ich werd mal noch etwas mit jquery herumexperimentieren:)

EDIT:

<ul id="users">
	<li>Benutzer 1 <a class="rgstr" href="" id="usr_1">Anmelden</a> <input id="nusr_1" type="text" value="" /></li>
	<li>Benutzer 2 <a class="rgstr" href="" id="usr_2">Anmelden</a> <input id="nusr_2" type="text" value="" /></li>
</ul>

<div id="notice" style="display: none;">
	<textarea id="text"></textarea>
	<input id="user_id" type="text" value="" />
	<input id="add_notice" type="button" value="Hinzuf&uuml;gen" />
</div>

<script language="JavaScript">
$(document).ready(function(){

	$("a.rgstr").click(function(){
		var usr = $(this).attr("id");
		$("#notice").slideToggle();
		$("#user_id").attr("value", usr);
	});

	$("#add_notice").click(function(){
		var msg = $("#text").val();
		var usr = $("#user_id").val();
		$("#n" + usr).attr("value", msg);
	});

});
</script> 

Mit einem Klick auf anmelden öffnet sich der Container mit dem Formular (noch nicht in Fancybox). Wenn ich das Ganze nun mit dem Inline-Content der Fancybox verwende, was dann aussieht wie folgt, funktioniert das ganze nicht mehr:

<ul id="users">
	<li>Benutzer 1 <a class="rgstr" href="#notice" id="usr_1">Anmelden</a> <input id="nusr_1" type="text" value="" /></li>
	<li>Benutzer 2 <a class="rgstr" href="#notice" id="usr_2">Anmelden</a> <input id="nusr_2" type="text" value="" /></li>
</ul>

<div id="notice" style="display: none;">
	<textarea id="text"></textarea>
	<input id="user_id" type="text" value="" />
	<input id="add_notice" type="button" value="Hinzuf&uuml;gen" />
</div>

<script language="JavaScript">
$(document).ready(function(){

	$("a.rgstr").fancybox({
		'hideOnContentClick': false,
		'callbackOnStart': function(){
			var usr = $(this).attr("id");
			$("#user_id").attr("value", usr);
		},
		'callbackOnClose': function() {
			var msg = $("#text").val();
			var usr = $("#user_id").val();
			$("#n" + usr).attr("value", msg);
		}
	});

});
</script> 

Funktioniert das Ganze wie ich es mache mit jQuery schlichtweg so nicht oder habe ich einen Denkfehler oder einen Fehler im Script?