form button in der thickbox @ tutorials.de: Tutorials, Forum & Hilfe

rollerueckwaerts · 30.06.08 23:43

Hallo,
stehe vor nem kleinen Problem.
Ich zeige ein Formular in der thickbox an welches mit nem Submitbutton abgeschickt wird.
Um Links in der Thickbox zu öffnen muss man ja class="thickbox" in den <a href> tag schreiben, das geht auch supi, aber mit nem Submit button geht das ja nicht so einfach ..., oder ?

Brauch irgendwie nen kleenen Tipp

PHP-Code:


   echo '<form action="index2.php?do=it" class="thickbox" method="post">';

Gibts ne Möglichkeit das Ziel des FormButtons in der thickbox zu öffnen ?

Lieben Dank schonmal fürs Lesen

Greetz
Tobi

Compane · 01.07.08 00:26

Servus

warum unbedingt ein Submit button?

Kennst du dich mit javascript aus?

rollerueckwaerts · 01.07.08 00:46

Der Submitton war noch vom Popup übrig, bevor ich die thickbox entdeckt habe.
würdest du mir raten einfach alles einfach per url zu übergeben ?

Von JavaScript hab ich keen Plan

Hab aber auch weiterhin das Problem das ein reload der thickbox mit <meta> an der einen stelle funktioniert, an einer anderen jedoch nicht. Der Code aber definitiv gleich ist

PHP-Code:




 ?>



<head>

<meta http-equiv="refresh" content="5" ; URL=<?php echo $mosConfiglive_site ;?>index2.php?option=com_vallet&task=waitformoney&uid=<?php echo $username; ?>&amount=<?php echo $amount ;?>&uname=<?php echo $username;?>/"></head>

<?php

Compane · 01.07.08 00:47

naja ich habe es zumindest so gelöst:

<Button onclick="FensterOeffnen()">Fenster öffnen</Button>

script:

function loadData()
{
if (xmlHttp) {
xmlHttp.open('POST', 'getpic.php', true);
xmlHttp.onreadystatechange = function () {
if (xmlHttp.readyState == 4) {
document.getElementById("sig_vorschau").innerHTML =
xmlHttp.responseText;
}
};
xmlHttp.send(null);
}
}

function FensterOeffnen () {
setInterval("loadData()",5000);
window.open('','detail','width=400, height=300, directories=no, toolbar=no, location=no, menubar=no, scrollbars=yes, status=no, resizable=yes, dependent=no');

}

wenn ich es richtig verstanden habe meinst du so etwas ansonsten bei einen Button kein href sondern onclick mousover etc.

Sven Mintel · 01.07.08 01:17

Moin,

es geht auch mit Button

Beispiel:

Code :

<script type="text/javascript">
<!--
function tb_sendform(f,c)
{
  f.action.match(/(\bkeepThis=(true|false)&TB_iframe=true.+$)/);
  tb_show(c, 'about:blank?'+RegExp.$1);
  f.target=$('#TB_iframeContent').attr('name')
  return true;
}
//-->
</script>
<form action="http://www.google.de/search?keepThis=true&TB_iframe=true&height=250&width=400" onsubmit="return tb_sendform(this,'Überschrift fürs iFrame')">
<input type="text" name="q"><input type="submit">
</form>

Der Ablauf sieht so aus:

Code :

  //Thickbox öffnen(erstmal mit leerer Datei als Inhalt)
[B]tb_show(c, 'about:blank?'+RegExp.$1);[/B]
  //Zielfenster des Formulars in das Thickbox-Frame ändern
[B]f.target=$('#TB_iframeContent').attr('name')[/B]
//fertsch...das Formular wird jetzt in die Thickbox gesendet :)
[B]  return true;[/B]

Die nötigen Parameter fürs Formularziel sind dieselben wie in der Thickbox-Dokumentation die für das Linkziel bei dem "iframed content".

rollerueckwaerts · 03.07.08 03:10

super !! Danke euch für die Hilfe.

Klappt jetz alles wunderbar

Schroeder-BS · 25.07.08 11:51

Nach ewigem Probieren und Suchen habe ich euren Thread hier gefunden und bin schonmal recht dankbar, dass ich jetzt mal nen ANhaltspunkt habe.
Allerdings bin ich nicht soo fit in JS. Nachvollziehen geht, selbst basteln hält sich meist arg in Grenzen, zumindest was Komplizierteres angeht.

Ich benötige im Prinzip die selbe Funktion, nur für die inline-Einbindung...

Auch wenn mir jemand nur gedankliche Unterstützung geben könnte, wäre das schon hilfreich...

Sven Mintel · 25.07.08 23:51

Moin,

wie soll das denn ablaufen?

Willst du nur einen Button haben, oder sollen auch Formulardaten gesendet werden?
Falls auch etwas gesendet werden soll, dann würde das Dokument neu geladen werden....und die Thickbox ist weg?

Schroeder-BS · 26.07.08 03:35

*grins* ... joah, genau, die Formulardaten sollen natürlich gesendet und verarbeitet werden und letztendlich soll die seite quasi "wieder" so erscheinen, wie sie am Ausgangszeitpunkt war, also mit thickbox und dem Postergebnis, dass im selben div wieder angezeigt wird, im welchem zuvor das Formular saß.
Also letztendlich soll halt mit dem Formular ( action="<?= $_SEVER['REQUEST_URI']; ?>" ) die Seite mit der Thickbox wieder aufgerufen werden.

// Zur Info anbei...
Rein technisch wäre es wahrscheinlich sogar sinniger das von dort per AJAX zu übergeben und das Ergebnis direkt anzuzeigen. Allerdings muss ich gestehen, dass ich weder in Sachen JS, noch in AJAX fit genug bin, um meine Formularüberprüfung (php, welche vorhanden ist und funktioniert) dort so einbinden zu können und ggf. noch Veränderungen etc. zu erstellen zu können.
Normal verzichte ich eigentlich eher auf Funktionen, welche ich nicht komplett selbst geschrieben habe, um entsprechend mit umgehen zu können. Nur ist die Thickbox an den eingesetzten Stellen dort sehr sinnvoll und ich möchte doch so wenig Fremdcode einfügen wie möglich... Ich hoffe, ich hab den Hintergrund sinnig erläutert, weil ich eigentlich ungern andere Leute meine Arbeit machen lasse

und nicht noch mehr Verwirrung gestiftet...

Gruß Patrick

Sven Mintel · 26.07.08 07:20

Hier findest du eine Beschreibung, wie man das machen kann: http://www.mail-archive.com/discuss@.../msg17484.html

Schroeder-BS · 26.07.08 12:19

Ich muss zwar noch durchsteigen und probieren, aber schonmal herzlichen Dank. Auch wenn ich x Suchen über auch entsprechende Stichworte durchgeführt habe, bin ich nicht über den Artikel / Thread gestolpert...

Vielen Dank für die Mühe! Endlich Licht am Ende des Tunnels

Gruß Patrick

Sven Mintel · 26.07.08 23:41

Zitat von Schroeder-BS

Auch wenn ich x Suchen über auch entsprechende Stichworte durchgeführt habe, bin ich nicht über den Artikel / Thread gestolpert...

thickbox form post...1.Treffer

Schroeder-BS · 26.07.08 23:48

okay.... ich hab ein wenig anders gesucht.... wenn auch nicht weit von ab... trotzdem danke

Microhome · 01.10.08 01:07

Zitat von Sven Mintel

Moin,

es geht auch mit Button

Beispiel:

Code :

<script type="text/javascript">
<!--
function tb_sendform(f,c)
{
  f.action.match(/(\bkeepThis=(true|false)&TB_iframe=true.+$)/);
  tb_show(c, 'about:blank?'+RegExp.$1);
  f.target=$('#TB_iframeContent').attr('name')
  return true;
}
//-->
</script>
<form action="http://www.google.de/search?keepThis=true&TB_iframe=true&height=250&width=400" onsubmit="return tb_sendform(this,'Überschrift fürs iFrame')">
<input type="text" name="q"><input type="submit">
</form>

Der Ablauf sieht so aus:

Code :

  //Thickbox öffnen(erstmal mit leerer Datei als Inhalt)
[B]tb_show(c, 'about:blank?'+RegExp.$1);[/B]
  //Zielfenster des Formulars in das Thickbox-Frame ändern
[B]f.target=$('#TB_iframeContent').attr('name')[/B]
//fertsch...das Formular wird jetzt in die Thickbox gesendet :)
[B]  return true;[/B]

Die nötigen Parameter fürs Formularziel sind dieselben wie in der Thickbox-Dokumentation die für das Linkziel bei dem "iframed content".

Ich habe genau das selbe Problem. Habe dein Codeschnipsel benutzt und dieser funktioniert auch. Nun hab ich aber das Problem, dass ich jquery und prototype verwende. Daher benutze ich die Funktion jQuery.noConflict(); und ich weiß nicht, wie ich deinen Code modifizieren muss, damit er funktioniert?!

Beste Grüße und gute Nacht!

rollerueckwaerts · 01.10.08 01:25

du musst in der jquery.js aus allen $ ein $j machen.
dann kommen prototype und jsquery sich nicht mehr in die Quere.

Ich hab mittlerweile die thickbox wieder total verbannt und mich für die lightview box entschieden,die benutzt auch prototype von daher haste da kein Stress

und außerdem sieht se besser aus *g

Greetz
Tobi

tut orials.de	tut verbinden	tut dir helfen	tut kooperieren
©2000-2012 tutorials.de Alle Rechte vorbehalten	tut informieren » Impressum » Nutzungsregeln » Netiquette » Team » Redaktion	» Tutorials » Videotutorials » Showroom » Events & Contests » Chat » RSS-Feed » Blogs	» der-webdesigner.net » DesignerInAction » Design Nation » Directorforum » Flashhilfe » PHP-Resource » PHPwelt » PSD-Tutorials

Themen-Optionen

Anzeige

Ähnliche Themen

<form> Button ist weg

Thickbox iframe mit input button aufrufen

Thickbox aus Form Select Feld starten (ohne button!)

Thickbox mit submit-Button öffnen

Form-Schließen-Button

E-Mail:

Abonnieren Abbestellen