form problem mit shoutbox und iframe

haufe · 9 Februar 2009

hallo

ich habe eine shoutbox, die shoutbox.php wird mit einem iframe in meine s.html geladen.

unterhalb der shoutbox habe ich ein text inputfeld indem ich den text schreibe und per submit absende.

soweit funktioniert alles, aber entferne ich den iframe geht der submit button nicht.

wie kann ich es ohne iframe machen?

ein auschnitt von meiner html

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

<script type="text/javascript" src="http://xxx.de/js/shoutbox.js"></script>

</head>
<body bgcolor="#000000" >
<form action='http://xxx.de/shoutbox.php' method='get' target='sbox' name='shbox' onSubmit="mySubmit()">

<table cellpadding="4" cellspacing="1" border="0" style="width:100%" class="tableinborder">
 <tr class="tabletitle" style="height: 100%">
  <td colspan=10 width=100%><center><span class=normalfont><b> ..::SHOUTBOX::.. </b></span></center></td>


<center><input type="text" name="shbox_text" size="80">
 <input type="submit" value="Shout">
<input type="hidden" name="sent" value="yes">
</center></td>



</form>

danke

threadi · 9 Februar 2009

Wie genau das funktioniert hängt wohl von deiner Shoutbox ab. Auch wäre es gut wenn Du den kompletten Code zeigst, nicht nur einen Ausschnitt. Daher kann ich nur vermuten, dass innerhalb der shoutbox.php die du wohl includen willst (?) ein anderes Formular vorkommt. In dem Fall würde es vielleicht (!) helfen das Formular einzig um das Eingabefeld und den Submit-Button zu legen.

haufe · 11 Februar 2009

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

<script type="text/javascript" src="http://xxx.de/v2/js/shoutbox.js"></script>

</head>
<body bgcolor="#000000" >

<form method='get'   target='_self' name='shbox' onSubmit="mySubmit()">

<table cellpadding="4" cellspacing="1" border="0" style="width:100%" class="tableinborder">
 <tr class="tabletitle" style="height: 100%">
  <td colspan=10 width=100%><center><span class=normalfont><b> ..::SHOUTBOX::.. </b></span></center></td>

 </tr><tr><td width="100%" class="tablea">


<center>
<input class="codebuttons" style="font-style: italic;font-size:9px;" type=button name="i" value="I" onclick="javascript: simpletag('i')" />
<input class="codebuttons" style="text-decoration: underline;font-size:9px;" type=button name="u" value="U" onclick="javascript: simpletag('u')" />
<input class="codebuttons" style="font-size:9px;" type=button name='url' value='URL' onclick='tag_url()' />
<input class="codebuttons" style="font-size:9px;" type=button name="IMG" value="IMG" onclick="javascript: tag_image()" />
<input type=button style="font-size:9px;" name="list" value="List" onclick="tag_list()" />

<input class="codebuttons" style="font-size:9px;" type=button name="quote" value="Quote" onclick="javascript: simpletag('quote')" />
<input style="width:140; font-size:9px;" type="button" onclick='javascript:closeall();' name='tagcount' value="Alle Tags schliessen">

<select name='font' class='codebuttons' onchange="alterfont(this.options[this.selectedIndex].value, 'font')">
<option value='0'>Schrift</option>

<option value="Arial">Arial</option>
<option value="Arial Black">Arial Black</option>

<option value="Arial Narrow">Arial Narrow</option>
<option value="Book Antiqua">Book Antiqua</option>
<option value="Century Gothic">Century Gothic</option>

<option value="Comic Sans MS">Comic MS</option>
<option value="Courier New">Courier New</option>
<option value="Fixedsys">Fixedsys</option>

<option value="Franklin Gothic Medium">Franklin </option>
<option value="Garamond">Garamond</option>

<option value="Georgia">Georgia</option>

<option value="Impact">Impact</option>
<option value="Lucida Console">Lucida Con</option>

<option value="Lucida Sans Unicode">Lucida
</option>
<option value="Microsoft Sans Serif">Microsoft 
</option>

<option value="Palatino Linotype">Palatino</option>
<option value="System">System</option>
<option value="Tahoma">Tahoma</option>

<option value="Times New Roman">Times Roman</option>
<option value="Trebuchet MS">Trebuchet MS</option>

<option value="Verdana">Verdana</option>

</select>
<select name='size' class='codebuttons' onchange="alterfont(this.options[this.selectedIndex].value, 'size')">

<option value='0'>Size</option>
<option value="1">1</option>
<option value="2">2</option>

<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>

<option value="6">6</option>

<option value="7">7</option>
</select>
<select name='color' class='codebuttons' onchange="alterfont(this.options[this.selectedIndex].value, 'color')">
<option value='0'>Farbe</option>
<option style="BACKGROUND-COLOR: black" value="Black">Black
</option>
<option style="BACKGROUND-COLOR: sienna" value="Sienna">
Sienna</option>

<option style="BACKGROUND-COLOR: darkolivegreen" value="DarkOliveGreen">

Dark Olive</option>
<option style="BACKGROUND-COLOR: darkgreen" value="DarkGreen">

Dark Green</option>

<option style="BACKGROUND-COLOR: darkslateblue" value="DarkSlateBlue">
Dark Blue</option>
<option style="BACKGROUND-COLOR: navy" value="Navy">Navy
</option>
<option style="BACKGROUND-COLOR: indigo" value="Indigo">
Indigo</option>
<option style="BACKGROUND-COLOR: darkslategray" value="DarkSlateGray">
Dark Gray</option>

<option style="BACKGROUND-COLOR: darkred" value="DarkRed">
Dark Red</option>

<option style="BACKGROUND-COLOR: darkorange" value="DarkOrange">
Dark Orange</option>

<option style="BACKGROUND-COLOR: olive" value="Olive">Olive
</option>
<option style="BACKGROUND-COLOR: green" value="Green">Green
</option>
<option style="BACKGROUND-COLOR: teal" value="Teal">Teal
</option>
<option style="BACKGROUND-COLOR: blue" value="Blue">Blue
</option>
<option style="BACKGROUND-COLOR: slategray" value="SlateGray">

Slate Gray</option>

<option style="BACKGROUND-COLOR: dimgray" value="DimGray">
Dim Gray</option>
<option style="BACKGROUND-COLOR: red" value="Red">Red
</option>
<option style="BACKGROUND-COLOR: sandybrown" value="SandyBrown">

Sandy Brown</option>
<option style="BACKGROUND-COLOR: yellowgreen" value="YellowGreen">
Yellow Green</option>
<option style="BACKGROUND-COLOR: seagreen" value="SeaGreen">
Sea Green</option>

<option style="BACKGROUND-COLOR: mediumturquoise" value="Medium">

Medium </option>

<option style="BACKGROUND-COLOR: royalblue" value="RoyalBlue">
Royal Blue</option>
<option style="BACKGROUND-COLOR: purple" value="Purple">
Purple</option>

<option style="BACKGROUND-COLOR: gray" value="Gray">Gray
</option>
<option style="BACKGROUND-COLOR: magenta" value="Magenta">
Magenta</option>
<option style="BACKGROUND-COLOR: orange" value="Orange">

Orange</option>
<option style="BACKGROUND-COLOR: yellow" value="Yellow">
Yellow</option>

<option style="BACKGROUND-COLOR: lime" value="Lime">Lime
</option>
<option style="BACKGROUND-COLOR: cyan" value="Cyan">Cyan
</option>
<option style="BACKGROUND-COLOR: deepskyblue" value="DeepSkyBlue">
Deep Blue</option>

<option style="BACKGROUND-COLOR: darkorchid" value="DarkOrchid">
Dark Orchid</option>

<option style="BACKGROUND-COLOR: silver" value="Silver">
Silver</option>
<option style="BACKGROUND-COLOR: pink" value="Pink">Pink
</option>
<option style="BACKGROUND-COLOR: wheat" value="Wheat">Wheat

</option>
<option style="BACKGROUND-COLOR: lemonchiffon" value="LemonChiffon">
Lemon Chiffon</option>
<option style="BACKGROUND-COLOR: palegreen" value="PaleGreen">
Pale Green</option>
<option style="BACKGROUND-COLOR: paleturquoise" value="PaleTurquoise">

Turquoise</option>

haufe · 11 Februar 2009

Code:

<option style="BACKGROUND-COLOR: lightblue" value="LightBlue">
Light Blue</option>
<option style="BACKGROUND-COLOR: plum" value="Plum">Plum
</option>
<option style="BACKGROUND-COLOR: white" value="White">White

</option>
</select>
  </center></td></tr>

<!-- Ende Shoutbox bbcodes -->


<table cellpadding="4" cellspacing="1" border="0" style="width:100%" class="tableinborder">

<td valign="top" class="tablea" width="100">


<!-- Anfang Shoutbox Refresh -->

<script type="text/javascript"><!--
function mySubmit() {
   setTimeout('document.shbox.reset()',100);
}
//--></SCRIPT>

<!-- Ende Shoutbox Refresh -->



<!-- Anfang Smilies links -->

<br>
<center>
<a href="javascript:%20SmileIT(':nugget:','shbox','shbox_text')">

<img src=http://xxx.de/v2/pic/smilies/nugget.gif width="18" height="18" border=0 alt=:nugget:></a>
<a href="javascript:%20SmileIT(':yucky:','shbox','shbox_text')">
<img src=http://xxx.de/v2/pic/smilies/yucky.gif width="18" height="18" border=0 alt=:yucky:></a>
<a href="javascript:%20SmileIT(':smart:','shbox','shbox_text')">
<img src=http://xxx.de/v2/pic/smilies/smart.gif width="18" height="18" border=0 alt=:smart:></a><br>

<a href="javascript:%20SmileIT(':baby:','shbox','shbox_text')">
<img src=http://xxx.de/v2/pic/smilies/baby.gif width="18" height="18" border=0 alt=:baby:></a>
<a href="javascript:%20SmileIT(':snap:','shbox','shbox_text')">
<img src=http://xxx.de/v2/pic/smilies/snap.gif width="18" height="18" border=0 alt=:snap:></a>
<a href="javascript:%20SmileIT(':icecream:','shbox','shbox_text')">
<img src=http://xxx.de/v2/pic/smilies/icecream.gif width="18" height="18" border=0 alt=:icecream:></a><br>

<a href="javascript:%20SmileIT(':music:','shbox','shbox_text')">
<img src=http://xxx.de/v2/pic/smilies/music.gif width="18" height="18" border=0 alt=:music:></a>
<a href="javascript:%20SmileIT(':wub:','shbox','shbox_text')">
<img src=http://xxx.de/v2/pic/smilies/wub.gif width="18" height="18" border=0 alt=:wub:></a>

<a href="javascript:%20SmileIT(':cylon:','shbox','shbox_text')">
<img src=http://xxx.de/v2/pic/smilies/cylon.gif width="18" height="18" border=0 alt=:cylon:></a><br>

<a href="javascript:%20SmileIT(':hannibal:','shbox','shbox_text')">
<img src=http://xxx.de/v2/pic/smilies/hannibal.gif width="18" height="18" border=0 alt=:hannibal:></a>
<a href="javascript:%20SmileIT(':ninja:','shbox','shbox_text')">
<img src=http://xxx.de/v2/pic/smilies/ninja.gif width="18" height="18" border=0 alt=:ninja:></a>
<a href="javascript:%20SmileIT(':pimp:','shbox','shbox_text')">
<img src=http://xxx.de/v2/pic/smilies/pimp.gif width="18" height="18" border=0 alt=:pimp:></a><br>

<a href="javascript:%20SmileIT(':detective:','shbox','shbox_text')">
<img src=http://xxx.de/v2/pic/smilies/detective.gif width="18" height="18" border=0 alt=:detective:></a>
<a href="javascript:%20SmileIT(':sheep:','shbox','shbox_text')">
<img src=http://xxx.de/v2/pic/smilies/sheep.gif width="18" height="18" border=0 alt=:sheep:></a>
<a href="javascript:%20SmileIT(':santa:','shbox','shbox_text')">
<img src=http://xxx.de/v2/pic/smilies/santa.gif width="18" height="18" border=0 alt=:santa:></a><br>

<a href="javascript:%20SmileIT(':spidey:','shbox','shbox_text')">
<img src=http://xxx.de/v2/pic/smilies/spidey.gif width="18" height="18" border=0 alt=:spidey:></a>
<a href="javascript:%20SmileIT(':cigar:','shbox','shbox_text')">
<img src=http://xxx.de/v2/pic/smilies/cigar.gif width="18" height="18" border=0 alt=:cigar:></a>
<a href="javascript:%20SmileIT(':osama:','shbox','shbox_text')">
<img src=http://xxx.de/v2/pic/smilies/osama.gif width="18" height="18" border=0 alt=:osama:></a><br>

<a href="javascript:%20SmileIT(':shutup:','shbox','shbox_text')">
<img src=http://xxx.de/v2/pic/smilies/shutup.gif width="18" height="18" border=0 alt=:shutup:></a>
<a href="javascript:%20SmileIT(':fun:','shbox','shbox_text')">
<img src=http://xxx.de/v2/pic/smilies/fun.gif width="18" height="18" border=0 alt=:fun:></a>
<a href="javascript:%20SmileIT(':hmmm:','shbox','shbox_text')">
<img src=http://xxx.de/v2/pic/smilies/hmmm.gif width="18" height="18" border=0 alt=:hmmm:></a><br>

<a href="javascript:%20SmileIT(':look:','shbox','shbox_text')">
<img src=http://xxx.de/v2/pic/smilies/look.gif width="18" height="18" border=0 alt=:look:></a><br><br>
</center>




</td>
<td class="tablea">
<iframe src="http://xxx.de/v2/shoutbox.php" width="100%" height="210" frameborder="0" name="sbox" marginwidth="0" marginheight="0"></iframe>

<td valign=top class=tablea width=100>



<script type="text/javascript">
function SmileIT(smile,form,text){
   document.forms[form].elements[text].value = document.forms[form].elements[text].value+" "+smile+" ";
   document.forms[form].elements[text].focus();
}
</script>



<script type="text/javascript">
<!--
function mySubmit() {
   setTimeout('document.shbox.reset()',100);
}
//--></SCRIPT>



<!-- Anfang Smilies rechts -->

<br>

<center>
<a href="javascript:%20SmileIT(':-)','shbox','shbox_text')">
<img src=http://xxx.de/v2/pic/smilies/smile1.gif width="18" height="18" border=0 alt=:-)></a>
<a href="javascript:%20SmileIT(':smile:','shbox','shbox_text')">
<img src=http://xxx.de/v2/pic/smilies/smile2.gif width="18" height="18" border=0 alt=:smile:></a>
<a href="javascript:%20SmileIT(':-D','shbox','shbox_text')">
<img src=http://xxx.de/v2/pic/smilies/grin.gif width="18" height="18" border=0 alt=:-D></a><br>

<a href="javascript:%20SmileIT(':evo:','shbox','shbox_text')">
<img src=http://xxx.de/v2/pic/smilies/evo.gif width="18" height="18" border=0 alt=:evo:></a>
<a href="javascript:%20SmileIT(':-|','shbox','shbox_text')">
<img src=http://xxx.de/v2/pic/smilies/noexpression.gif width="18" height="18" border=0 alt=:-|></a>
<a href="javascript:%20SmileIT(':-/','shbox','shbox_text')">
<img src=http://xxx.de/v2/pic/smilies/confused.gif width="18" height="18" border=0 alt=:-/></a><br>

<a href="javascript:%20SmileIT(':-(','shbox','shbox_text')">
<img src=http://xxx.de/v2/pic/smilies/sad.gif width="18" height="18" border=0 alt=:-(></a>

<a href="javascript:%20SmileIT(':weep:','shbox','shbox_text')">
<img src=http://xxx.de/v2/pic/smilies/weep.gif width="18" height="18" border=0 alt=:weep:></a>
<a href="javascript:%20SmileIT(':-O','shbox','shbox_text')">
<img src=http://xxx.de/v2/pic/smilies/ohmy.gif width="18" height="18" border=0 alt=:-O></a><br>

<a href="javascript:%20SmileIT('8-)','shbox','shbox_text')">
<img src=http://xxx.de/v2/pic/smilies/cool1.gif width="18" height="18" border=0 alt=8-)></a>
<a href="javascript:%20SmileIT(':yawn:','shbox','shbox_text')">
<img src=http://xxx.de/v2/pic/smilies/yawn.gif width="18" height="18" border=0 alt=:yawn:></a>
<a href="javascript:%20SmileIT(':sly:','shbox','shbox_text')">
<img src=http://xxx.de/v2/pic/smilies/sly.gif width="18" height="18" border=0 alt=:sly:></a><br>

<a href="javascript:%20SmileIT(':greedy:','shbox','shbox_text')">
<img src=http://xxx.de/v2/pic/smilies/greedy.gif width="18" height="18" border=0 alt=:greedy:></a>
<a href="javascript:%20SmileIT(':weirdo:','shbox','shbox_text')">
<img src=http://xxx.de/v2/pic/smilies/weirdo.gif width="18" height="18" border=0 alt=:weirdo:></a>
<a href="javascript:%20SmileIT(':sneaky:','shbox','shbox_text')">

<img src=http://xxx.de/v2/pic/smilies/sneaky.gif width="18" height="18" border=0 alt=:sneaky:></a><br>



<a href="javascript:%20SmileIT(':kiss:','shbox','shbox_text')">
 <img src=http://xxx.de/v2/pic/smilies/kiss.gif width="18" height="18" border=0 alt=:kiss:></a>
 <a href="javascript:%20SmileIT(':geek:','shbox','shbox_text')">
 <img src=http://xxx.de/v2/pic/smilies/geek.gif width="18" height="18" border=0 alt=:geek:></a>
 <a href="javascript:%20SmileIT(':evil:','shbox','shbox_text')">
 <img src=http://xxx.de/v2/pic/smilies/evil.gif width="18" height="18" border=0 alt=:evil:></a><br>
 
 <a href="javascript:%20SmileIT(':yucky:','shbox','shbox_text')">
 <img src=http://xxx.de/v2/pic/smilies/yucky.gif width="18" height="18" border=0 alt=:yucky:></a>
 <a href="javascript:%20SmileIT(':shit:','shbox','shbox_text')">
 <img src=http://xxx.de/v2/pic/smilies/shit.gif width="18" height="18" border=0 alt=:shit:></a>
 <a href="javascript:%20SmileIT(':?:','shbox','shbox_text')">
 <img src=http://xxx.de/v2/pic/smilies/question.gif width="18" height="18" border=0 alt=:?:></a><br>
 
 <a href="javascript:%20SmileIT(':!:','shbox','shbox_text')">
 
 <img src=http://xxx.de/v2/pic/smilies/excl.gif width="18" height="18" border=0 alt=:!:></a><br><br>
 </center>
 
 <!-- Ende Smilies rechts -->
 
 <!-- Anfang Fenster mit den Smilies -->
 
 
 
 <!-- Ende Fenster mit den Smilies -->
 
 </td></tr>
 <tr><td class="tabletitle"></td><td class="tabletitle">
 
 <center><input type="text" name="shbox_text" size="80">
  <input type="submit" value="Shout" >
 <input type="hidden" name="sent" value="yes">
 </center></td>
 
 <td class="tabletitle"><center><a href="http://xxx.de/v2/shoutbox.php" target="sbox">Refresh</a></center></td></tr></table>
 
 </form>
 
 
 <!-- Ende Shoutbox -->
 
 
 
 
 
 
 
 
 </table>
 
 
 </table>
 
 </body>
 </html>

so das ist alles aus der shout.html

musste es aus 2 teilen da es zu gross ist

mfg
haufe

threadi · 11 Februar 2009

Ich zitier mich mal selbst:

threadi schrieb:
In dem Fall würde es vielleicht (!) helfen das Formular einzig um das Eingabefeld und den Submit-Button zu legen.

form problem mit shoutbox und iframe

haufe

Neues Mitglied

threadi

Moderator

haufe

Neues Mitglied

haufe

Neues Mitglied

threadi

Moderator

Neueste Beiträge