jquery ui tabs doesn't make form works!
well I have this form:
and this one is inside request.php file, so I use another file called program.php that contains tabs to show pages included like this:PHP Code:<form name="enter" action="hand.php" method="post" dir="rtl" accept-charset="utf-8">';
echo '<p align="right" id="lable">request number:</p><br/>
<span id="request_number"></span><br/>
<p align="center" id="lable">send to:</p>
<select id="userone">';
$data = mysql_query("SELECT `id`,`firstname`,`lastname` FROM `users`");
while($row = mysql_fetch_assoc($data)) {
echo '<option value="'.$row['id'].'">'.$row['firstname'].' '.$row['lastname'].'</option>';}
echo '</select><br/>
<p align="center" id="lable"> copy to:</p>
<select id="usermulti" multiple="multiple">';
$data = mysql_query("SELECT `id`,`firstname`,`lastname` FROM `users`");
while($row = mysql_fetch_assoc($data)) {
echo '<option value="'.$row['id'].'">'.$row['firstname'].' '.$row['lastname'].'</option>';}
echo '</select><br/><br/>
<p align="center" id="lable">need: </p>
<input type="text" class="input" size="100" /><br/><br/>
<p align="right" id="lable">type:</p>
<div id="radio">
<input type="radio" id="radio1" name="send_type1" /><label for="radio1">problem1</label>
<input type="radio" id="radio2" name="send_type2" /><label for="radio2">problem2</label>
<input type="radio" id="radio3" name="send_type3" /><label for="radio3">problem3</label>
<input type="radio" id="radio4" name="send_type4" /><label for="radio4">problem4</label>
<input type="radio" id="radio5" name="send_type5" /><label for="radio5">problem5</label>
<input type="radio" id="radio6" name="send_type6" /><label for="radio6">problem6</label>
<input type="radio" id="radio7" name="others" /><label for="radio7">other:
<input type="text" name="others"/></label>
</div><Br/>
<p align="right" id="lable">explian:</p>
<textarea id="text" name="content" style="width:75%" class="tinymce"></textarea>
<br/>
<div id="radios">
<input type="radio" id="radio8" name="important" /><label for="radio8">important</label>
<input type="radio" id="radio9" name="important0" /><label for="radio9">not important</label></div><br/>
<input class="realupload" name="attachfile" type="file" id="realupload" value="post file" dir="rtl" title="post" />
</div><br/>
<input id="submit" name="submit" type="submit" value="send" />
</div>
</form>
my jquery code:PHP Code:<?php
session_start();
$username = $_SESSION['username'];
if (isset($username)){
//insert welcome user
echo'
<div align="right" style="display:block">welcome, '.$username ;
//insert tabs for program
echo'you are in</div>
<div id="b"><h4><a href="logout.php" >logout</a></h4></div>
<div id="tabs">
<ul dir="rtl">
<li><a href="mail.php">mail</a></li>
<li><a href="request.php">request</a></li>
<li><a href="#tabs-3">req</a></li>
<li><a href="#tabs-4">med</a></li>
<li><a href="#tabs-5">store</a></li>
<li><a href="#tabs-6">account</a></li>
<li><a href="#tabs-7">sales</a></li>
<li style="float:left;"><a href="#tabs-8">profile</a></li>
</ul>
<div id="tabs-3">req</div>
<div id="tabs-4">med</div>
<div id="tabs-5">store</div>
<div id="tabs-6">account</div>
<div id="tabs-7">sales</div>
<div id="tabs-8">profile</div>
</div>';
}else
die("<h3 dir='rtl'> sorry you are not log in <a href='index.php'>back!</a></h3>");
?>
the problem is the request.php without tabs working alone, but with in tabs inside program.php doesn't I don't know why but I suppose I miss something related to event or something else I just can't understand what I've missing to make this form working!Code:at program.php inside <head> <script type="text/javascript"> $(function(){ // Tabs $('#tabs').tabs(); // Accordion $("#accordion").accordion({ header: "h4" }); // Button $("#b").button({link: "a"}); }); </script> at request.php inside <head> <script type="text/javascript"> $(document).ready(function(){ $("#typname").multiselect({ header: false, multiple:false, noneSelectedText: "choose type", selectedText: "choose requester" , selectedList: 1, height:"auto" }) .multiselectfilter(); $("#usermulti").multiselect({ checkAllText: "all", uncheckAllText: "none", noneSelectedText: "choose requesters", selectedList: 5, height:"auto" }); $("#userone").multiselect({ header: false, multiple:false, noneSelectedText: "اختر مستخدم", selectedList: 1, height:"auto" }) .multiselectfilter(); $("#send_type").buttonset({ icons: {primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'} }); $("#radios").buttonset({ icons: {primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'} }); $("#accordion1").accordion({ autoHeight: true }); $("#submit").button(); $("#success").dialog(); }); </script>
CSS Codes
Reply With Quote
Originally Posted by hosam
Thank you traq, I thought, it's only me, who don't understand the "obvious" asking...
Bookmarks