0

Dear All,
I am facing a weird problem, similar codings give different result. Why is this happening? I am saving both files as .php file. Please guide me. I really having headache with this form.
Code 1: Working Fine (Non-bootstrap)

<html> <head>
TestPage
  <link rel="stylesheet" href="http://gsmtecharena.com/Testing/bootstrap/3.3.5/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <script src="http://http://gsmtecharena.com/Testing/bootstrap/3.3.5/js/bootstrap.min.js"></script> </head> <body> <div> <?php include("img-upload.php"); 
?> <form method="post" action="img-upload.php" name="registerform" id="registerform"> <fieldset> <label for="username">Username:</label><input type="text" name="username" id="user_id" /><br /> <label for="password">Password:</label><input type="password" name="password" id="ap_id" /><br /> <label for="email">Email Address:</label><input type="text" name="email" id="email" /><br /> <input type="submit" name="register" id="register" value="Register"  class="btn btn-info"  /> </fieldset> </form> <form name="Image" enctype="multipart/form-data" method="POST"> <table cellspacing=2 cellpadding=2 border=0> <tr> <td>Image 1: </td> <td><input type=file name=file accept="image/gif, image/jpeg, image/x-png" size="26" class="textbox"  required/> </td> </tr> <tr> <td>Image 2: </td> <td><input type=file name=file1 accept="image/gif, image/jpeg, image/x-png" size="26" class="textbox"  required/> </td> </tr> <tr> <td>Image 3: </td> <td><input type=file name=file2 accept="image/gif, image/jpeg, image/x-png" size="26" class="textbox"  required/> </td> </tr> <tr><td> </td><td><input type="submit" name="submit" value="Upload"  class="btn btn-info"  /></td></tr></table> </form><br> </div> </body> </html>

Code 2: Bootstrap (Not working)

<html> <head> <title>Bootstrap Example</title> <link rel="stylesheet" href="http://gsmtecharena.com/Testing/bootstrap/3.3.5/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <script src="http://http://gsmtecharena.com/Testing/bootstrap/3.3.5/js/bootstrap.min.js"></script> </head> <body> <div> <?php include("img-upload.php");
?> <form method="post" action="img-upload.php" name="registerform" id="registerform"> <fieldset> <label for="username">Username:</label><input type="text" name="username" id="user_id" /><br /> <label for="password">Password:</label><input type="password" name="password" id="ap_id" /><br /> <label for="email">Email Address:</label><input type="text" name="email" id="email" /><br /> <input type="submit" name="register" id="register" value="Register"  class="btn btn-info"  /> </fieldset> </form> <h2>Upload Page</h2> <form role="form" name="Image" enctype="multipart/form-data" method="POST"> <label for="Image1">Image 1</label> <input type="file" name=file accept="image/gif, image/jpeg, image/x-png" size="26" class="textbox" required/> <label for="Image2">Image 2</label> <input type="file" name=file1 accept="image/gif, image/jpeg, image/x-png" size="26" class="textbox" required/> <label for="Image3">Image 3</label> <input type="file" name=file2 accept="image/gif, image/jpeg, image/x-png" size="26" class="textbox" required/> <input type="submit" name="submit" class="btn btn-info" value="Upload" /> </form> </div> </body> </html>

Thanks for any help.

4
Contributors
4
Replies
22
Views
1 Year
Discussion Span
Last Post by Satish_7
0

Well, both have bootstrap. The first one has the "image" <form> in a <table>, the second one doesn't. The first one just has TestPage, because it's not in a <title></title>. The second one has a large "Upload page" text but that's it.

2015-09-29--1443545345_581x379_scrot.png

I don't see a "not working".

If you do mean the difference between a table alignment and a bootstrap alignment, then perhaps you can use this tutorial to apply a bootstrap layout to your form without using tables. Specifically the section entitled horizontal form layout, which resembles your original table version the most.

Obviously I had to remove the <?php include("img-upload.php");?> since you didn't post that. Perhaps the "non working" bit is in there. If it is, elaborate on what's not working.

0

In the bootstrap and normal version when you call the third script in the header you have

<script src="http://http://....."

try using only one "http" myabe?

Edited by Ventech_IT

0

Dear Traevel,
Thanks I have found the solution.

Dear Ventch_IT,
You are right. I found the solution to my problem too.

Thanks for all the help everyone.

0

hello my boostrap php mysql uploader audio and test uploder not work in mobile device why ...
uploader work in pc only problem for mobile user please help me sir

This question has already been answered. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.