Hy I have a html page in witch I want to open a php page via shadowbox, the problem is in IE 6/7/8 the page is loading but it is not displaing, it works perfectly in FF
this is the hole page, the problem occures when you click on contact#termo-gaz-instal.ro at the bottom of the page. I have tried using colorbox and thickbox
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=7">
<title>Untitled Document</title>
<link rel="stylesheet", href="style.css" type="text/css" charset="utf-8">
<link rel="stylesheet", href="shadowbox-3.0.3/shadowbox.css" type="text/css" charset="utf-8">
<link rel="stylesheet", href="colorbox/example1/colorbox.css" type="text/css" charset="utf-8">
<script type='text/javascript' src="js/jquery-1.4.2.js"></script>
<script type="text/javascript" src="colorbox/colorbox/jquery.colorbox.js"></script>
<script type="text/javascript" src="js/moving-boxes.js"></script>
<script type='text/javascript' src="shadowbox-3.0.3/shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init();
</script>
<script type="text/javascript">
$(document).ready(function(){
$(".example7").colorbox({width:"80%", height:"80%", iframe:true});
});
</script>
</head>
<body>
<div id="wraper">
<div id="logo">
<img class="poza" src="images/logo.png" alt="Logo" width="311" height="106">
<h1>TERMO GAZ INSTAL</h1>
</div><!--logo -->
<div id="spacer"></div>
<div id="container">
<div id="slider">
<img class="scrollButtons left" src="images/leftarrow.png">
<div style="overflow: hidden;" class="scroll">
<div class="scrollContainer">
<div class="panel" id="panel_1">
<div class="inside">
<img src="images/1.jpg" alt="picture" />
<h2>News Heading</h2>
<p>A very shot exerpt goes here... more link</p>
</div>
</div>
<div class="panel" id="panel_2">
<div class="inside">
<img src="images/2.jpg" alt="picture" />
<h2>News Heading</h2>
<p>A very shot exerpt goes here... more link</p>
</div>
</div>
<div class="panel" id="panel_3">
<div class="inside">
<img src="images/3.jpg" alt="picture" />
<h2>News Heading</h2>
<p>A very shot exerpt goes here... more link</p>
</div>
</div>
<div class="panel" id="panel_4">
<div class="inside">
<img src="images/4.jpg" alt="picture" />
<h2>News Heading</h2>
<p>A very shot exerpt goes here... more link</p>
</div>
</div>
<div class="panel" id="panel_5">
<div class="inside">
<img src="images/5.jpg" alt="picture" />
<h2>News Heading</h2>
<p>A very shot exerpt goes here... more link</p>
</div>
</div>
</div>
<div id="left-shadow"></div>
<div id="right-shadow"></div>
</div>
<img class="scrollButtons right" src="images/rightarrow.png">
</div>
</div><!--container -->
<div id="spacer"></div>
<div id="important_txt">
<span class="important_txt">Sistemele</span> de instalatii ultraperformante ce sunt sustinute de un <span class="important_txt">design</span> bine gandit si de un <span class="important_txt">management</span> performant.<br>
Instalatiile de <span class="important_txt">gaz, apa si canalizare</span> sunt o parte <span class="important_txt">importanta</span> a vietii noastre indiferent de circumstantele in care ne aflam. <span class="important_txt">Executia</span> acestor lucrari este <span class="important_txt">importanta</span> deoarece de ea depinde <span class="important_txt">siguranta</span> si <span class="important_txt">bunastarea</span> noastra.
</div><!--important -->
<div id="imag">
<div class="stg">
<img class="imag" src="images/imag_06.png" width="222" height="222" alt="apa">
<div id="txt">
<span class="stg_s">INSTALATII DE APA<br> CALDA SI RECE</span><br>
<span class="stg_j">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ultricies nulla massa. Suspendisse venenatis euismod adipiscing. Donec urna mauris, hendrerit. <span style="color:#FFF; font-size:11px; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; text-decoration:underline;">Mai mult</span> </span>
<div id="read" style="display:none;">
<div id="content" style="padding:20px;color:white;">
<p>1This content was taken from a hidden div in this page!</p>
</div>
</div>
</div><!--txt -->
</div><!--stg -->
<div class="stg1">
<img class="imag" src="images/imag_08.png" width="222" height="222" alt="gaz">
<div id="txt">
<span class="stg_s">INSTALATII DE GAZ</span><br><br>
<span class="stg_j1">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ultricies nulla massa. Suspendisse venenatis euismod adipiscing. Donec urna mauris, hendrerit.<span style="color:#FFF; font-size:11px; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; text-decoration:underline;">Mai mult</span> </span>
<div id="read2" style="display:none;">
<div id="content" style="padding:20px;color:white;">
<p>12This content was taken from a hidden div in this page!</p>
</div>
</div>
</div><!--txt -->
</div><!--stg1 -->
<div class="stg1">
<img class="imag" src="images/imag_10.png" width="222" height="222" alt="gaz">
<div id="txt">
<span class="stg_s">INSTALATII DE DEJECTIE</span><br><br>
<span class="stg_j1">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ultricies nulla massa. Suspendisse venenatis euismod adipiscing. Donec urna mauris, hendrerit. <span style="color:#FFF; font-size:11px; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; text-decoration:underline;">Mai mult</span></span>
<div id="read3" style="display:none;">
<div id="content" style="padding:20px;color:white;">
<p>123This content was taken from a hidden div in this page!</p>
</div>
</div>
</div><!--txt -->
</div><!--stg -->
<div id="clear"></div>
</div><!--imag -->
</div><!--wraper --><br><br>
<div id="footer">
<div id="wraper">
<div id="footer_stg">
<p class="tel_cont">TELEFON DE CONTACT</p>
<img class="bula" src="images/bula.png" width="76" height="75" alt="Text Bubble"><br>
<span class="telefon">+40 021<span class="telefon1"> 201 35 55</span></span>
</div><!--footer_stg -->
<div id="footer_dr">
<a rel="shadowbox" href="http://www.google.com" ><p class="contact">CONTACT</p></a>
contact#termo-gaz-instal.ro</p>
</div><!--footer_dr -->
<div id="clear"></div>
<br>
<div id="spacer1"></div>
<p style="font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:18px; color:#545454; float:left;">termo-gaz-instal.ro © toate drepturile rezervate</p><p style="font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:18px; color:#545454; float:right; text-align:right">design|Ionescu Ionut<p>
</div><!--wraper -->
</div><!--footer -->
</body>
</html>
Thx for you time and help
P.S. Sorry for the earlier question
......................
This is for Michael
<?php
$erori = '';
$nr_erori = 0;
$mesaj_trimis = "nu";
if (isset($_POST['submit'])){
$name_field = $_POST['nume'] ;
$telephone_field = $_POST['telefon'] ;
$email_field = $_POST['email'] ;
$message = $_POST['mesaj'] ;
if ($name_field == '') { $erori .= 'Campul "Nume" este obligatoriu.<br>'; $nr_erori++; }
if ($telephone_field == '') { $erori .= 'Campul "Telefon" este obligatoriu.<br>'; $nr_erori++; }
if ($message == '') { $erori .= 'Campul "Mesaj" este obligatoriu.<br>'; $nr_erori++; }
if ($nr_erori == 0) {
$body = "De la: ".$name_field."</br> Telefon: ".$telephone_field."</br> </br> E-Mail: ".$email_field."</br> </br> Mesaj:</br> ".$message;
$sender = "ere#ere.ro";
$catre = "ere1#ere.ro";
// BEGIN SWIFT CLASS
require("swiftmail/Swift.php");
require("swiftmail/Swift/Connection/SMTP.php");
$smtp=new Swift_Connection_SMTP("localhost");
$smtp->setUsername("ere#ere.ro");
$smtp->setPassword("xxxx");
$swift =& new Swift($smtp);
$message =& new Swift_Message("Mesaj de la formularul de contact al site-ului");
$message->attach(new Swift_Message_Part($body, "text/html"));
if ($swift->send($message, $catre, new Swift_Address($sender, "Office Site"))) {
$mesaj_trimis = "da";
}
// END SWIFT CLASS
}
}
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Contact</title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="container2">
<div class="cont">
<table width="495" height="475" border="0">
<tr>
<td width="278"><?php if ($nr_erori > 0) { echo '<div>'.$erori.'</div>'; } if ($mesaj_trimis == "da") { echo "<div>Mesajul dumneavoastra a fost trimis. Va multumim ! </div>"; } else { ?> <form id="form1" name="form1" method="post" action=""> <input type="hidden" name="submit" value="1" /> <table width="278" height="362" border="0"> <tr> <td width="150">*Nume</td> <td width="340"><label> <input type="text" name="nume" id="nume" /> </label></td> </tr> <tr> <td>*Telefon</td> <td><label> <input type="text" name="telefon" id="telefon" /> </label></td> </tr> <tr> <td>E-mail</td> <td><label> <input type="text" name="email" id="email" /> </label></td> </tr> <tr> <td>*Mesajul Dumneavoastra</td> <td><label> <textarea name="mesaj" id="mesaj" cols="16" rows="10"></textarea> </label></td> </tr>
<tr>
<td colspan="2">! Campurile marcate cu * sunt OBLIGATORI</td>
</tr>
<tr> <td> </td> <td><label> <input type="submit" name="submit_bt" id="submit_bt" value="Trimite" /> </label></td> </tr> </table> </form>
<p>
<?php } ?>
<br />
</p>
<p> </p>
<td width="207" height="471"><table width="203" height="383" border="0">
<tr>
<td height="379" valign="top"><p>Ambulanta Veterinara Mina Vet S.R.L.<br />
<br />
Str. Constantin Nottara, Nr.2, Sector 3 , Bucuresti </p>
<table width="201" height="103" border="0">
<tr>
<td>Telefon:</td>
<td>0726.223.374</td>
</tr>
<tr>
<td height="23"> </td>
<td>0725.533.502</td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td>Fax:</td>
<td>0372.872.427</td>
</tr>
<tr>
<td height="23">E-mail</td>
<td>contact#minavet.ro</td>
</tr>
</table>
<p></p></td>
</tr>
</table>
</table></div>
<div class="google">
<iframe width="400" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=Strada+Constantin+C.+Nottara,+Bucharest,+Romania&sll=44.420111,26.133664&sspn=0.006774,0.01929&ie=UTF8&hq=&hnear=Strada+Constantin+C.+Nottara,+Romania&ll=44.424708,26.136389&spn=0.021454,0.034332&z=14&iwloc=A&output=embed"></iframe><br /><small>View Larger Map</small>
</div>
</div>
</body>
</html>
For starters it might help if the $(".example7").colorbox() matched the class of the contact link. Just a guess, though.
If you don't want to debug this yourself, try stan-js (that IE7 behaviour compatibility thing).
there seems to have some misinterpretation of CSS in IE.
Try to set a white background in contact.php, it did the trick for some file of mine.
Hope this helps ;)
Related
I am using the bootstrap framework for layout on my system. I want to arrange the layout of the page like this(See image below)
But I am facing a challenge. My code is showing this (See image below)
I need the Login forum section to go to the right like on the first picture that i have uploaded.
This is my code
<?php if($topics) : ?>
<p id="topics">
<div class="row">
<?php foreach ($topics as $topic) : ?>
<p class="topic">
<div class="row">
<div class="col">
</div>
<div class="col-md-5">
<div class="topic-content pull-right">
<h3><?php echo $topic['title']; ?></h3>
<div class="topic-info">
<?php echo $topic['name']; ?> >>
<?php echo $topic['username']; ?> >>
Posted on: <?php echo formatDate($topic['create_date']); ?>
<span class="badge pull-right"><?php echo replyCount($topic['id']); ?></span>
</div>
</div>
</div>
</div>
</p>
<?php endforeach; ?>
</p>
<?php else : ?>
<p>No Topics to Display.</p>
<?php endif; ?>
<div class="col-md-4" align="pull-right">
<div class="sidebar">
<div class="block">
<h3>Login Form</h3>
<?php if(isLoggedIn()) : ?>
<div class="userdata">
Logged in as <?php echo getUser()['username']; ?>
</div>
<br />
<form role="form" method="post" action="logout.php">
<input type="submit" name="do_logout" class="btn btn-default" value="Log Out" />
<hr>
<h4>All Topics</h4>
<h4>Create Topic</h4>
</form>
<?php else : ?>
<form role="form" method="post" action="login.php">
<div class="form-group">
<label>Username</label>
<input name="username" type="text" class="form-control" placeholder="Enter Username" />
</div>
<div class="form-group">
<label>Password</label>
<input name="password" type="password" class="form-control" placeholder="password" />
</div>
<button name="do_login" type="submit" class="btn btn-primary">Login</button> <a class="btn btn-default" href="register.php">Create Account</a>
</form>
<?php endif; ?>
</div>
<div class="block">
<h3>Categories</h3>
<div class="list-group">
All topics <span class="badge pull-right"><?php echo totalPostCount() ;?></span>
<?php foreach(getCategories() as $category) : ?>
<a href="topics.php?category=<?php echo $category['id']; ?>" class="list-group-item <?php echo is_active($category['id']); ?>">
<?php echo $category['name']; ?>
<span class="badge pull-right">
<?php echo postCountByCategory($category['id']) ;?>
</span>
</a>
<?php endforeach; ?>
</div>
</div>
</div>
</div>
</div>
<hr>
<h3>Forum Statistics</h3>
<p>
<h6>Total Number of Users: <strong><?php echo $totalUsers; ?></strong></li>
<h6>Total Number of Topics: <strong><?php echo $totalTopics; ?></strong></li>
<h6>Total Number of Categories: <strong><?php echo $totalCategories; ?></strong></li>
</ul>
There seems to be plenty of unnecessary rows and <p> tags within other <p> tags. It needs a restructure to be honest. It is best practice not to wrap divs inside <p> tags as they shouldn't really be used as a wrapper.
You want to separate the 2 columns into 2 separate Bootstrap cols which should be wrapped inside a row class.
For example:
<div class="row">
<div class="col-xs-12 col-sm-8">
<p>All your forum info here etc.</p>
</div>
<div class="col-xs-12 col-sm-4">
*Login Form Here*
*Categories Here*
</div>
</div>
The columns above will separate them into 66.66666667% by 33.33333333% width columns on desktop and then both full width (100%) on smaller devices.
you can simply use the bootstrap grid Grid system to achieve this task. Please checkout the official documentation through this link...
https://getbootstrap.com/docs/4.1/layout/grid/
However, I created a sample layout that I think fit to your requirement.
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="../../../../favicon.ico">
<title>sample web page</title>
<!-- Bootstrap core CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<style type="text/css">
.left-block{
width:100%;
height:500px;
padding: 20px;
}
.right-block{
width:100%;
padding: 20px;
height:500px;
background-color: #D3D3D3;
}
</style>
</head>
<body>
<div class="container-fluid">
<div class="row">
<div class="col-lg-8">
<div class="left-block">
<h1>sample content</h1>
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse ullamcorper nisl ut sodales tincidunt. Praesent tristique lobortis tincidunt. Cras aliquet, lectus ut facilisis tempor, nulla felis porta sem, quis pulvinar lacus justo eget sapien. Integer dapibus bibendum sodales. Sed semper sagittis ex, et suscipit odio luctus vel. Fusce laoreet a sapien vitae mattis. Quisque ligula massa, sagittis vel odio vel, hendrerit iaculis leo. Aliquam erat volutpat. Fusce mollis, augue vel egestas tristique, nunc ligula placerat erat, sed venenatis elit ex et nulla. </p>
</div>
</div>
<div class="col-lg-4">
<div class="right-block">
<h2>Login Section</h2>
<hr>
<form>
<div class="form-group">
<label for="exampleInputEmail1">Email address</label>
<input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email">
<small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
</div>
<div class="form-group">
<label for="exampleInputPassword1">Password</label>
<input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
</div>
<div class="form-check">
<input type="checkbox" class="form-check-input" id="exampleCheck1">
<label class="form-check-label" for="exampleCheck1">Check me out</label>
</div>
<button type="submit" class="btn btn-primary">Submit</button>
</form>
</div>
</div>
</div>
</div>
</body>
</html>
still you have any problem, feel free to add a comment below...
Dont put structural divs inside a <p> tag! Try this:
<div class="container">
<div class="row">
<div class="col-md-4">
This is one third of the page wide (4/12)
</div>
<div class="col-md-8">
This is two thirds of the page wide (8/12)
</div>
</div>
</div>
<div class="col-md-12">
<div class="row">
<div class="col-md-8">
<p> this is where 'normalization' text should go </p>
</div>
<div class="col-md-4">
<p> this is where the form goes </p>
</div>
</div>
</div>
Try above code. This is an example of basic bootstrap grid layout. The first define the page as '12' - the remaining divs inside this must add up to 12 also, this example is 8 + 4 ( 2 columns ) but can also have 3 4+4+4 and so on.
You can use the following example to arrange the web page layout with Bootstrap:
<div class="col-md-12">
<div class="row">
<div class="col-md-8">
<p> Your Left area put here </p>
</div>
<div class="col-md-4">
<p> Your right area Put here </p>
</div>
</div>
</div
i am new to laravel and working on my first project in laravel 5.4.6. I have a problem that is how to render multiple dynamic sections / include / yield content into master template. I have already used #section('content') but need more sections( which have dynamic data from database) to show on my layout page. Below is my problem details:
1- Route
Route::group(['middleware' => ['web']], function () {
Route::get('/', 'HomeController#showIndex');
Route::get('/index', 'HomeController#showIndex');});
2- master.blade.php
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>#yield('title')-Al Quraish Publications</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="Author" content="" />
<link href="favicon.png" rel="icon" type="image/png">
<meta name="viewport" content="width=device-width, maximum-scale=1, initial-scale=1, user-scalable=0" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700,800" rel="stylesheet" type="text/css" />
<link href="{{asset('assets/plugins/bootstrap/css/bootstrap.min.css')}}" rel="stylesheet" type="text/css" />
<link href="{{asset('assets/css/font-awesome.css')}}" rel="stylesheet" type="text/css" />
<link href="{{asset('assets/plugins/owl-carousel/owl.carousel.css')}}" rel="stylesheet" type="text/css" />
<link href="{{asset('assets/plugins/owl-carousel/owl.theme.css')}}" rel="stylesheet" type="text/css" />
<link href="{{asset('assets/plugins/owl-carousel/owl.transitions.css')}}" rel="stylesheet" type="text/css" />
<link href="{{asset('assets/plugins/magnific-popup/magnific-popup.css')}}" rel="stylesheet" type="text/css" />
<link href="{{asset('assets/css/animate.css')}}" rel="stylesheet" type="text/css" />
<link href="{{asset('assets/css/superslides.css')}}" rel="stylesheet" type="text/css" />
<link href="{{asset('assets/plugins/revolution-slider/css/settings.css')}}" rel="stylesheet" type="text/css" />
<link href="{{asset('assets/css/essentials.css')}}" rel="stylesheet" type="text/css" />
<link href="{{asset('assets/css/layout.css')}}" rel="stylesheet" type="text/css" />
<link href="{{asset('assets/css/slider.css')}}" rel="stylesheet" type="text/css" />
<link href="{{asset('assets/css/layout-responsive.css')}}" rel="stylesheet" type="text/css" />
<link href="{{asset('assets/css/color_scheme/brown.css')}}" rel="stylesheet" type="text/css" /><!-- orange: default style -->
<link href="{{asset('assets/css/color_scheme/brown.css')}}" rel="alternate stylesheet" type="text/css" title="brown" />
<script type="text/javascript" src="assets/plugins/modernizr.min.js"></script>
<link href="assets/css/jquery.bxslider.css" rel="stylesheet">
</head>
<body>
<div class="top-header">
<div class="container">
<div class="row">
<div class="col-sm-6">
<div class="topleft">
<ul class="socials-icons">
<li><a href="https://web.facebook.com/AlQuraishPublishers?_rdr" target="_blank">
<i class="fa fa-facebook"></i> Facebook</a></li>
#if(\Auth::check())
<li>
<i class="fa fa-user"></i> Dashboard
</li>
#else
<li>
<i class="fa fa-user"></i> Log In
</li>
#endif
</ul>
</div>
</div>
<div class="col-sm-6">
<div class="topright">
<i class="fa fa-phone"></i> 92 42 37668958 , 37652546 , 37361439
<i class="fa fa-envelope-o"></i> <a class="wht" href="mailto:info#alquraish.com">info#alquraish.com</a>
</div>
</div>
</div>
</div>
</div>
<!-- TOP NAV -->
<div class="pos-absolute">
<header id="topNav" style="height: 100px !important;"><!--data-spy="affix" data-offset-top="100" -->
<div class="container">
<!-- Top Header -->
<div class="clearfix"></div>
<!-- Mobile Menu Button -->
<button class="btn btn-mobile" data-toggle="collapse" data-target=".nav-main-collapse">
<i class="fa fa-bars"></i>
</button>
<!-- Logo text or image -->
<!-- Logo text or image -->
<a class="logo" href="index.html">
<img src="assets/images/logo.png">
</a>
<!-- Top Nav -->
<div class="navbar-collapse nav-main-collapse collapse pull-right">
<nav class="nav-main mega-menu">
<ul class="nav nav-pills nav-main scroll-menu" id="topMain">
<li>Home</li>
<li>About Us</li>
<li>Books</li>
<li>Order Now</li>
<li>Contact Us</li>
</ul>
</nav>
</div>
<!-- /Top Nav -->
</div>
</header>
</div>
<!-- WRAPPER -->
<div id="wrapper" >
<!-- REVOLUTION SLIDER -->
<div class="fullwidthbanner-container roundedcorners pos-reletive">
<div class="fullwidthbanner">
<ul>
<li data-transition="curtain-2" data-slotamount="5" data-masterspeed="700">
<img src="assets/images/sliders/1.jpg" alt="" data-bgfit="cover" data-bgposition="left top" data-bgrepeat="no-repeat">
</li>
<li data-transition="curtain-2" data-slotamount="5" data-masterspeed="700">
<img src="assets/images/sliders/2.jpg" alt="" data-bgfit="cover" data-bgposition="left top" data-bgrepeat="no-repeat">
</li>
<li data-transition="3dcurtain-vertical" ddata-slotamount="15" data-masterspeed="300" data-delay="9400">
<img src="assets/images/sliders/3.jpg" alt="" data-bgfit="cover" data-bgposition="left top" data-bgrepeat="no-repeat">
</li>
<li data-transition="3dcurtain-vertical" ddata-slotamount="15" data-masterspeed="300" data-delay="9400">
<img src="assets/images/sliders/4.jpg" alt="" data-bgfit="cover" data-bgposition="left top" data-bgrepeat="no-repeat">
</li>
<li data-transition="3dcurtain-vertical" ddata-slotamount="15" data-masterspeed="300" data-delay="9400">
<img src="assets/images/sliders/5.jpg" alt="" data-bgfit="cover" data-bgposition="left top" data-bgrepeat="no-repeat">
</li>
<li data-transition="3dcurtain-vertical" ddata-slotamount="15" data-masterspeed="300" data-delay="9400">
<img src="assets/images/sliders/6.jpg" alt="" data-bgfit="cover" data-bgposition="left top" data-bgrepeat="no-repeat">
</li>
</ul>
<div class="tp-bannertimer"></div>
</div>
</div>
<!-- /REVOLUTION SLIDER -->
#section('content')
#show
<div class="container">
<div class="row">
<div class="scroll-img">
<div id="clients-flexslider" class="flexslider home clients">
<div class="slider1">
<div class="slide">
<img src="assets/images/gallery-scroll/1.png">
<p>Nazia Kanwal Nazi</p>
</div>
<div class="slide">
<img src="assets/images/gallery-scroll/2.png">
<p>Riaz Aqab</p>
</div>
<div class="slide">
<img src="assets/images/gallery-scroll/3.png">
<p>Rizq Shah</p>
</div>
<div class="slide">
<img src="assets/images/gallery-scroll/4.png">
<p>Malik Safdar Hayat</p>
</div>
<div class="slide">
<img src="assets/images/gallery-scroll/5.png">
<p>Mehwish Iftikhar</p>
</div>
<div class="slide">
<img src="assets/images/gallery-scroll/6.png">
<p>Fakhira Gull</p>
</div>
<div class="slide">
<img src="assets/images/gallery-scroll/7.png">
<p>Asia Mirza</p>
</div>
<div class="slide">
<img src="assets/images/gallery-scroll/8.png">
<p>Mirza Amjad Baig</p>
</div>
<div class="slide">
<img src="assets/images/gallery-scroll/9.png">
<p>Anwar Ulaiqi</p>
</div>
<div class="slide">
<img src="assets/images/gallery-scroll/10.png">
<p>Iffat Tahir</p>
</div>
<div class="slide">
<img src="assets/images/gallery-scroll/11.png">
<p>MA Rahat</p>
</div>
</div>
</div>
</div> <!--scroll-img ends-->
=> here is i have problem becuase this setion has data from database and giving me the error of " Undefined variable: "
**<div class="col-md-12">
#include('layouts.homeWelcomeHeading')
</div>**
</div> <!--row ends-->
</div>
</div>
<!-- /WRAPPER -->
<div class="container">
<div class="row padding60">
<!-- FORM -->
<div class="col-md-6">
<iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2FAlQuraishPublishers%2F&tabs=timeline&width=800&height=500&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId" width="800" height="500" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true"></iframe>
</div>
<div class="col-md-6">
<h3>Message Board</h3>
<h4>Publisher, Books & Magazine Distribution Book Store</h4>
<p>Order your favorite Book / Novel And Get 35% Discount...
For Online Order message Us
Book will be delivered to your door step
Free Home Delivery all across Pakistan </p>
<form class="white-row" action="#" method="post">
<div class="row">
<div class="form-group">
<div class="col-md-6">
<label>Full Name *</label>
<input type="text" value="" data-msg-required="Please enter your name." maxlength="100" class="form-control" name="name" id="name">
</div>
<div class="col-md-6">
<label>E-mail *</label>
<input type="email" value="" data-msg-required="Please enter your email address." data-msg-email="Please enter a valid email address." maxlength="100" class="form-control" name="email" id="email">
</div>
</div>
</div>
<div class="row">
<div class="form-group">
<div class="col-md-6">
<label>Phone / Mobile *</label>
<input type="text" value="" data-msg-required="Please enter your name." maxlength="100" class="form-control" name="name" id="name">
</div>
<div class="col-md-6">
<label>Subject *</label>
<input type="email" value="" data-msg-required="Please enter your email address." data-msg-email="Please enter a valid email address." maxlength="100" class="form-control" name="email" id="email">
</div>
</div>
</div>
<div class="row">
<div class="form-group">
<div class="col-md-12">
<label>Message *</label>
<textarea maxlength="5000" data-msg-required="Please enter your message." rows="10" class="form-control" name="message" id="message"></textarea>
</div>
</div>
</div>
<br />
<div class="row">
<div class="col-md-12">
<input type="submit" value="Submit Message" class="btn btn-primary btn-lg" data-loading-text="Loading...">
</div>
</div>
</form>
</div>
</div>
</div>
<section class="cover margin-footer parallax" data-stellar-background-ratio="0.7" style="background-image: url('assets/images/parallax_bg.jpg');">
<div class="container">
<h3 align="center">Our customers have said</h3>
<div class="owl-carousel text-center" data-plugin-options='{"items": 1, "singleItem": true, "navigation": true, "pagination": false, "autoPlay": true, "transitionStyle":"fadeUp"}'><!-- transitionStyle: fade, backSlide, goDown, fadeUp, -->
<div class="testimonial">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>
<cite><strong>Writer Name</strong>, Customer</cite>
</div>
<div class="testimonial">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>
<cite><strong>Writer Name</strong>, Customer</cite>
</div>
<div class="testimonial">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>
<cite><strong>Writer Name</strong>, Customer</cite>
</div>
<div class="testimonial">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>
<cite><strong>Writer Name</strong>, Customer</cite>
</div>
</div>
</div>
</section>
<!-- FOOTER -->
<footer>
<div class="clearfix"></div>
<!-- footer content -->
<div class="footer-content">
<div class="container">
<div class="row">
<!-- FOOTER CONTACT INFO -->
<div class="column col-md-8">
<h3>Title</h3>
<p class="contact-desc">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
</p>
<p class="contact-desc">
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
</div>
<!-- /FOOTER CONTACT INFO -->
<!-- FOOTER Profile -->
<div class="column col-md-4">
<h3>Get In Touch</h3>
<address class="font-opensans">
<ul>
<li class="footer-sprite address">
text will be here
</li>
<li class="footer-sprite phone">
<strong>Landline:</strong> +1234567789<br>
</li>
<li class="footer-sprite email">
info#mail.com<br>
</li>
</ul>
</address>
</div>
<!-- /FOOTER Profile -->
</div>
</div>
</div>
<!-- footer content -->
<!-- copyright , scrollTo Top -->
<div class="footer-bar">
<div class="container">
<span class="copyright">Copyright © All Rights Reserved.
<span style="display:inline-block; text-align: right; float: right; "> ||
Powered by: <small>Me</small></span>
</span>
<a class="toTop" href="#topNav">Go To Top <i class="fa fa-arrow-circle-up"></i></a>
</div>
</div>
<!-- copyright , scrollTo Top -->
</footer>
<!-- /FOOTER -->
<script type="text/javascript" src="assets/plugins/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="assets/plugins/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="assets/plugins/jquery.cookie.js"></script>
<script type="text/javascript" src="assets/plugins/jquery.appear.js"></script>
<script type="text/javascript" src="assets/plugins/jquery.isotope.js"></script>
<script type="text/javascript" src="assets/plugins/masonry.js"></script>
<script src="assets/js/jquery.bxslider.js"></script>
<script src="assets/js/jquery.bxslider.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.slider1').bxSlider({
auto: true,
autoControls: true,
slideWidth: 155,
minSlides: 2,
maxSlides: 7,
slideMargin: 10,
pager: true,
moveSlides: 2,
/*'auto': true,
'autoControls': true,
'pager':false,
'pager':false,
'infiniteLoop':false,
'minSlides':1,
'maxSlides': 3,
'slideWidth': '210px',
'slideMargin':5*/
});
$('#slider2').bxSlider({
'auto': true,
'autoControls': true,
'adaptiveHeight': true,
/*mode: 'vertical',*/
});
});
</script>
<script type="text/javascript" src="assets/plugins/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="assets/plugins/magnific-popup/jquery.magnific-popup.min.js"></script>
<script type="text/javascript" src="assets/plugins/owl-carousel/owl.carousel.min.js"></script>
<script type="text/javascript" src="assets/plugins/stellar/jquery.stellar.min.js"></script>
<script type="text/javascript" src="assets/plugins/knob/js/jquery.knob.js"></script>
<script type="text/javascript" src="assets/plugins/jquery.backstretch.min.js"></script>
<script type="text/javascript" src="assets/plugins/superslides/dist/jquery.superslides.min.js"></script>
<script type="text/javascript" src="assets/plugins/mediaelement/build/mediaelement-and-player.min.js"></script>
<script type="text/javascript" src="assets/plugins/revolution-slider/js/jquery.themepunch.tools.min.js"></script>
<script type="text/javascript" src="assets/plugins/revolution-slider/js/jquery.themepunch.revolution.min.js"></script>
<script type="text/javascript" src="assets/js/slider_revolution.js"></script>
<script type="text/javascript" src="assets/js/scripts.js"></script>
</body>
</html>
3- Controller
public function showIndex()
{
//$text = DB::table('content')->get();
$text = Content::all();
return view('index', ['ok', $text]);
}
Please help me in this problem i am stuck.
As far as I understand from your question if you need multiple dynamic section to be inserted into master, you need multiple yeilds like
#yield('content')
#yield('dynamin-1')
#yield('dynamic-2')
.......
.......
then in another blade file you need to extend the master and insert the sections like
#extends('layouts.master')
#section('content')
bla bla <strong>bla bla bla....</strong>
#endsection
#section('dynamin-1')
bla bla <strong>bla bla bla....</strong>
#endsection
#section('dynamin-2')
bla bla <strong>bla bla bla....</strong>
#endsection
....
so in your case you do not need the #section('content') in you master unless you put it consciously! whenever you will put #section('content') in a extended view this section in master will be overridden!
Dear i think you are using
#section() // instead of yield()
make sure you use
#yield('content')
#yield('section1')
#yield('section2')
in master.blade php
in child pages you can do it like this
#extends('layouts.master')
#section('content')
#endsection
#section('section1')
#endsection
#section('section2')
#endsection
Code for index.html
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<?php
include ('recherchecommande.php') ;
?>
<title>Pâtisserie Baya</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" media="all" href="styles/960.css" />
<link rel="stylesheet" type="text/css" media="all" href="styles/reset.css" />
<link rel="stylesheet" type="text/css" media="all" href="styles/text.css" />
<link rel="stylesheet" type="text/css" media="all" href="style.css" />
<link rel="stylesheet" type="text/css" media="all" href="themes/brown/style.css" />
<link rel="stylesheet" type="text/css" media="all" href="styles/sample.css" />
<link rel="stylesheet" type="text/css" media="all" href="styles/table.css" />
<script type="text/javascript" src="scripts/jquery-1.4.2.js"></script>
<script type="text/javascript" src="scripts/jquery.tools.min.js"></script>
<script type="text/javascript" src="scripts/dapur.js"></script>
</head>
<body>
<div id="warp" >
<div id="main" class="container_16">
<div id="header" class="grid_16">
<div id="logo" class="grid_4 alpha">
<h1>DapurKue</h1>
<h2>Famously Delicious</h2>
</div>
<div id="headright" class="grid_7 prefix_5 omega">
<h3 class="login">Sign up / Login</h3>
<p><span class="vChart">View Cart</span> <span class="cOut">Checkout</span></p>
</div>
</div>
<div id="mainMenu" class="grid_16">
<ul>
<li>Home</li>
<li>Cakes</li>
<li>Order & Delivery</li>
<li>Blog</li>
<li>About</li>
<li>Contact</li>
<li>Reclamation</li>
</ul>
</div>
<div id="stickySearch" class="grid_16">
<div class="stickyNews grid_12 alpha">
<p>Valentine’s BrownieCheese Special Package. <em>Free Delivery.</em> More »</p>
</div>
<div class="search grid_4 omega">
<form action="#" method="get">
<input type="text" value="Type your keyword" id="s" name="s" onFocus="if (this.value == 'Type your keyword') {this.value = '';}" onBlur="if (this.value == '') {this.value = 'Type your keyword';}" />
</form>
</div>
</div>
<div class="products grid_16">
<div class="productsWarp" id="style1"><img src="images\email.png"></div>
<div id="style2" /> </div>
<div id ="style3">
<h3>Recherche par numero de commande</h3>
<p> Searcch button</p>
<form action="recherchecommande.php?go" id="commandeForm" method="post">
<input placeholder="Numero de commande.." id="form2" type="text" name="numero">
<input type="submit" name="submit" style="display: none" /><br>
</form>
</div>
<div id="style1"></div>
</div>
<div class="productThumb ">
<ul>
<li class="grid_2 alpha"><img src="images/cake1.jpg" alt="" width="100" height="60" /></li>
<li class="grid_2"><img src="images/cake2.jpg" alt="" width="100" height="60" /></li>
<li class="grid_2"><img src="images/cake3.jpg" alt="" width="100" height="60" /></li>
<li class="grid_2"><img src="images/cake4.jpg" alt="" width="100" height="60" /></li>
<li class="grid_2"><img src="images/cake5.jpg" alt="" width="100" height="60" /></li>
<li class="grid_2"><img src="images/cake6.jpg" alt="" width="100" height="60" /></li>
<li class="grid_2"><img src="images/cake7.jpg" alt="" width="100" height="60" /></li>
<li class="grid_2 omega"><img src="images/cake8.jpg" alt="" width="100" height="60" /></li>
</ul>
</div>
</div>
<div class="clear"></div>
</div>
<div id="fresh">
<div class="container_16">
<div id="freshCake" class="grid_16">
<div class="grid_1 alpha"> <a class="prevButton">«</a></div>
<div class="headLine grid_14">
<h3>Fresh from the oven</h3>
</div>
<div class="grid_1 omega"> <a class="nextButton">»</a></div>
</div>
<div class="newCakes">
<div class="scroller">
<div class="newCake"><img src="images/freshCake1.jpg" alt="" width="220" height="120" /></div>
<div class="newCake"><img src="images/freshCake2.jpg" alt="" width="220" height="120" /></div>
<div class="newCake"><img src="images/freshCake3.jpg" alt="" width="220" height="120" /></div>
<div class="newCake"><img src="images/freshCake4.jpg" alt="" width="220" height="120" /></div>
<div class="newCake"><img src="images/freshCake5.jpg" alt="" width="220" height="120" /></div>
<div class="newCake"><img src="images/freshCake6.jpg" alt="" width="220" height="120" /></div>
<div class="newCake"><img src="images/freshCake7.jpg" alt="" width="220" height="120" /></div>
<div class="newCake"><img src="images/freshCake8.jpg" alt="" width="220" height="120" /></div>
</div>
</div>
</div>
<div class="clear"></div>
</div>
<div id="richContent">
<div class="container_16">
<div class="popularCakes grid_4">
<h4>Popular Cakes</h4>
<ul>
<li>Ultimate Choco Brownie</li>
<li>Mokakokoa Brownie</li>
<li>CoffeeBrown</li>
<li>Delicacheese</li>
<li>Berries Cheesecake</li>
</ul>
</div>
<div class="recommended grid_4">
<h4>Recommended</h4>
<ul>
<li>Ultimate Choco Brownie</li>
<li>Mokakokoa Brownie</li>
<li>CoffeeBrown</li>
<li>Delicacheese</li>
<li>Berries Cheesecake</li>
</ul>
</div>
<div class="specialOffer grid_4">
<h4>Special Offer</h4>
<ul>
<li>Ultimate Choco Brownie</li>
<li>Mokakokoa Brownie</li>
<li>CoffeeBrown</li>
<li>Delicacheese</li>
<li>Berries Cheesecake</li>
</ul>
</div>
<div class="orderPhone grid_4">
<h4><em>Order by Phone</em> <span>20.321.331</span></h4>
</div>
<div class="clear"></div>
</div>
</div>
<div id="richContent2">
<div class="container_16">
<div class="fromBlog grid_4">
<h4>From the blog</h4>
<h5>New Recipes in Our Basket</h5>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. vivamus tempor justo sit amet metus cursus consequat. Nulla viverra, felis vel accumsan fermentum... more »</p>
</div>
<div class="corporateInfo grid_4">
<h4>Corporate Info</h4>
<ul>
<li>Privacy Policy</li>
<li>Term & Conditions</li>
<li>Franchise</li>
<li>About us</li>
<li>FAQ</li>
</ul>
</div>
<div class="storeDelivery grid_4">
<h4>Store & Delivery</h4>
<ul>
<li>Store Locator</li>
<li>Delivery Terms & Pricing</li>
<li>Delivery Coverage</li>
<li>Gift Services</li>
<li>Track my order</li>
</ul>
</div>
<div class="socialNet grid_4">
<h4>Keep in touch</h4>
<ul>
<li>Facebook</li>
<li>Twitter</li>
<li>Feed</li>
</ul>
</div>
<div class="clear"></div>
</div>
</div>
<div id="footer">
<div class="container_16">
<div class="copyright grid_16">
<p class="left">Copyright © 2016, Athenas, All Rights Reserved</p>
<p class="right">Design by Tokokoo & instantShift</p>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
</div>
</body>
</html>
Code for search.php
<?php
include ('connect.php') ;
$mysqli = new mysqli("localhost", "root", "", "baya");
if(isset($_POST['submit'])){
if(isset($_GET['go'])){
$cmd=$_POST['numero'];
$sql="SELECT * from commande WHERE commande_id LIKE ".$cmd."";
$result=mysqli_query($db,$sql);
$number=$result->num_rows ;
echo "
" ;
if ($number==1)
{
while($row=mysqli_fetch_assoc($result))
{
$commande_id =$row['commande_id'];
$description=$row['description'];
$status=$row['status'];
$report=$row['report'] ;
echo "
<table border=1>
<thead>
<tr>
<th>commande_id</th>
<th>description</th>
<th>status</th>
<th>report</th>
</tr>
</thead>
<tr>
<td>$commande_id</td>
<td>$description</td>
<td>$status</td>
<td>$report</td>
</tr>
";
header('location reclamation.html') ;
}
}
else{
echo "<p>Command id n'existe pas</p>";
}
}
}
else{
echo "search query is empty" ;
}
?>
I want to show the query in the same page not another one
For example if i type 1 it should returns this query from database
not to show the result in another page ..
Is it possible to show the result at the bottom of the Search button with
the same style sheet !
Thank you everybody for helping !
Best regards
change your form action attribute like this
<form action="" mehtode="post">
and write the php code on the same page to process the data send.
<?php
if(isset($_POST['submit'])){
//process the form
//output
// etc....
}
?>
Please post the code sample. So we can have a look at it.
You can use other php file with includes with the same css and html structure of you other php, or you can use Ajax with javascript for get the data and then show it.
$.ajax({
method: "POST",
url: "some.php",
data: { name: "John", location: "Boston" }
})
.done(function( msg ) {
alert( "Data Saved: " + msg );
});
I have two forms on my page. One is in the footer which I cannot change. The second is in my main page. Confused? I hope not.
When I open the style-demo page (link below) you can see that the information belonging in the Footer form is partially entered into the comment form on the page.
The Form in the footer works correctly however the comment section does not.
Any help to have both work would be greatly appreciated.
Thank you.
Here are my links
http://richardtamm.com/includes/footer.php
http://richardtamm.com/style-demo.php
Here is the code
Footer
<div class="wrapper">
<div id="footer" class="clear">
<div class="fl_left">
<div id="about_us" class="border">
<h2>About R. Tamm</h2>
<p>Richard Tamm is an avid photographer and writer. Richard was born in the state of Michigan and currently lives in the state of Indiana. He is married with 4 wonderful children who love to call him daddy. </p>
<p>When not writing or taking photographs Richard enjoys watching movies and spending quality time with his family.</p>
</div>
<div id="contact" class="clear">
<h2>Contact Us</h2>
<div class="fl_left">
<form name="contactform" method="post" action="send_form_email.php">
<label for="first_name">First Name:</label>
<input type="text" name="first_name" id="first_name" value="">
<label for="last_name">Last Name:</label>
<input type="text" name="last_name" id="last_name" value="">
<label for="email">Email:</label>
<input type="text" name="email" id="email" value="">
<label for="comments">Message:</label>
<textarea name="comments" id="comments" cols="45" rows="10"></textarea>
<button type="submit" value="submit"><span>Submit</span></button>
</form>
</div>
<div class="fl_right">
<address>
<strong class="title">Company Name</strong><br>
Richard Tamm<br>
EYE-TO-IMAGE<br>
Jasonville, Indiana<br>
47438
</address>
<ul>
<!--<li><strong class="title">Tel:</strong><br>
xxxxx xxxxxxxxxx</li>
<li><strong class="title">Fax:</strong><br>
xxxxx xxxxxxxxxx</li>-->
<li><strong class="title">Email:</strong><br>
<?php echo $emailaddress; ?></li>
</ul>
</div>
</div>
</div>
<!-- ####################################################################################################### -->
<div class="fl_right">
<div id="tabcontainer" class="border">
<ul id="tabnav">
<li>From The Blog</li>
<li>Latest Tweets</li>
<li class="last">Link Share</li>
</ul>
<div id="tabs-1" class="tabcontainer">
<script src="layout/scripts/blogfeed.setup.js"></script>
<script src="http://widget.feed.mikle.com/js/rssmikle.js"></script>
<div style="font-size:10px; text-align:right;">RSS widget</div>
</div>
<!-- ########### -->
<div id="tabs-2" class="tabcontainer">
<a class="twitter-timeline" href="https://twitter.com/rltamm" data-widget-id="435882309061865472">Tweets by #rltamm</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div>
<!-- ########### -->
<div id="tabs-3" class="tabcontainer">
<ul>
<li>Link 1</li>
<li>Link 2</li>
<li>Link 3</li>
</ul>
</div>
</div>
<h2>Keep Up To Date</h2>
<ul class="socialize">
<li><span>Facebook:</span> www.facebook.com/rltamm</li>
<li class="last"><span>Twitter:</span> www.twitter.com/rltamm</li>
</ul>
</div>
</div>
<div id="backtotop">To The Top <span class="icon-arrow-up"></span></div>
</div>
<!-- ####################################################################################################### -->
<div class="wrapper">
<div id="copyright" class="clear">
<p class="fl_left">Copyright © 2011 - 2014 All Rights Reserved - <?php echo $sitename; ?></p>
<p class="fl_right">Website by <?php echo $sitename; ?> & <a target="_blank" href="http://www.os-templates.com/" title="Free Website Templates">OS Templates</a></p>
</div>
</div>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.min.js"></script>
<script src="layout/scripts/jquery.defaultvalue.js"></script>
<script src="layout/scripts/jquery.scrollTo-min.js"></script>
<script>
$(document).ready(function () {
$("#first_name, #last_name, #email, #comments").defaultvalue("First Name", "Last Name", "Email", "Message");
$('a.topOfPage').click(function () {
$.scrollTo(0, 1200);
return false;
});
$("#tabcontainer").tabs({
event: "click"
});
});
</script>
<script src="layout/scripts/jquery-prettyPhoto.js"></script>
<script src="layout/scripts/jquery-prettyPhoto-setup.js"></script>
Main Page
<?php
$titletag = 'Bookshelf - Page 1';
$metdescr = 'This is the SEO description - not too long not to short used in Google search results';
include_once($_SERVER["DOCUMENT_ROOT"].'/includes/header.php');
?>
<!-- ####################################################################################################### -->
<div class="wrapper col4">
<div id="container" class="clear">
<!-- ####################################################################################################### -->
<?php include_once($_SERVER["DOCUMENT_ROOT"].'/includes/shout.php'); ?>
<!-- ####################################################################################################### -->
<!-- ####################################################################################################### -->
<div id="content">
<h1><h1> to <h6> - Headline Colour and Size Are All The Same</h1>
<img class="imgr" src="images/demo/imgr.gif" alt="" width="125" height="125" />
<p>Aliquatjusto quisque nam consequat doloreet vest orna partur scetur portortis nam. Metadipiscing eget facilis elit sagittis felisi eger id justo maurisus convallicitur.</p>
<p>Dapiensociis temper donec auctortortis cumsan et curabitur condis lorem loborttis leo. Ipsumcommodo libero nunc at in velis tincidunt pellentum tincidunt vel lorem.</p>
<img class="imgl" src="images/demo/imgl.gif" alt="" width="125" height="125" />
<p>This is a W3C compliant free website template from OS Templates. This template is distributed using a Website Template Licence.</p>
<p>You can use and modify the template for both personal and commercial use. You must keep all copyright information and credit links in the template and associated files. For more CSS templates visit Free Website Templates.</p>
<p>Portortornec condimenterdum eget consectetuer condis consequam pretium pellus sed mauris enim. Puruselit mauris nulla hendimentesque elit semper nam a sapien urna sempus.</p>
<h2>Table(s)</h2>
<table summary="Summary Here" cellpadding="0" cellspacing="0">
<thead>
<tr>
<th>Header 1</th>
<th>Header 2</th>
<th>Header 3</th>
<th>Header 4</th>
</tr>
</thead>
<tbody>
<tr class="light">
<td>Value 1</td>
<td>Value 2</td>
<td>Value 3</td>
<td>Value 4</td>
</tr>
<tr class="dark">
<td>Value 5</td>
<td>Value 6</td>
<td>Value 7</td>
<td>Value 8</td>
</tr>
<tr class="light">
<td>Value 9</td>
<td>Value 10</td>
<td>Value 11</td>
<td>Value 12</td>
</tr>
<tr class="dark">
<td>Value 13</td>
<td>Value 14</td>
<td>Value 15</td>
<td>Value 16</td>
</tr>
</tbody>
</table>
<div id="comments">
<h2>Comments</h2>
<ul class="commentlist">
<li class="comment_odd">
<div class="author"><img class="avatar" src="images/demo/avatar.gif" width="32" height="32" alt="" /><span class="name">A Name</span> <span class="wrote">wrote:</span></div>
<div class="submitdate">August 4, 2009 at 8:35 am</div>
<p>This is an example of a comment made on a post. You can either edit the comment, delete the comment or reply to the comment. Use this as a place to respond to the post or to share what you are thinking.</p>
</li>
<li class="comment_even">
<div class="author"><img class="avatar" src="images/demo/avatar.gif" width="32" height="32" alt="" /><span class="name">A Name</span> <span class="wrote">wrote:</span></div>
<div class="submitdate">August 4, 2009 at 8:35 am</div>
<p>This is an example of a comment made on a post. You can either edit the comment, delete the comment or reply to the comment. Use this as a place to respond to the post or to share what you are thinking.</p>
</li>
<li class="comment_odd">
<div class="author"><img class="avatar" src="images/demo/avatar.gif" width="32" height="32" alt="" /><span class="name">A Name</span> <span class="wrote">wrote:</span></div>
<div class="submitdate">August 4, 2009 at 8:35 am</div>
<p>This is an example of a comment made on a post. You can either edit the comment, delete the comment or reply to the comment. Use this as a place to respond to the post or to share what you are thinking.</p>
</li>
</ul>
</div>
<h2>Write A Comment</h2>
<div id="respond">
<form action="#" method="post">
<p>
<input type="text" name="name" id="name" value="" size="22" />
<label for="name"><small>Name (required)</small></label>
</p>
<p>
<input type="text" name="email" id="email" value="" size="22" />
<label for="email"><small>Mail (required)</small></label>
</p>
<p>
<textarea name="comment" id="comment" cols="100%" rows="10"></textarea>
<label for="comment" style="display:none;"><small>Comment (required)</small></label>
</p>
<p>
<input name="submit" type="submit" id="submit" value="Submit Form" />
<input name="reset" type="reset" id="reset" tabindex="5" value="Reset Form" />
</p>
</form>
</div>
</div>
<div id="column">
<div class="subnav">
<h2>Secondary Navigation</h2>
<ul>
<li>Open Source Templates</li>
<li>Free CSS Templates
<ul>
<li>Free XHTML Templates</li>
<li>Free Website Templates</li>
</ul>
</li>
<li>Open Source Layouts
<ul>
<li>Open Source Software</li>
<li>Open Source Webdesign
<ul>
<li>Open Source Downloads</li>
<li>Open Source Website</li>
</ul>
</li>
</ul>
</li>
<li>Open Source Themes</li>
</ul>
</div>
<div class="holder">
<h2 class="title"><img src="images/demo/60x60.gif" alt="" />Nullamlacus dui ipsum conseque</h2>
<p>Nullamlacus dui ipsum conseque loborttis non euisque morbi penas dapibulum orna. Urnaultrices quis curabitur phasellentesque.</p>
<p class="readmore">Continue Reading »</p>
</div>
<div id="featured">
<ul>
<li>
<h2>Indonectetus facilis</h2>
<p class="imgholder"><img src="images/demo/240x90.gif" alt="" /></p>
<p>Nullamlacus dui ipsum conseque loborttis non euisque morbi penas dapibulum orna. Urnaultrices quis curabitur phasellentesque congue magnis vestibulum quismodo nulla et feugiat. Adipisciniapellentum leo ut consequam ris felit elit id nibh sociis malesuada.</p>
<p class="readmore">Continue Reading »</p>
</li>
</ul>
</div>
<div class="holder">
<h2>Lorem ipsum dolor</h2>
<p>Nuncsed sed conseque a at quismodo tris mauristibus sed habiturpiscinia sed.</p>
<ul>
<li>Lorem ipsum dolor sit</li>
<li>Etiam vel sapien et</li>
<li>Etiam vel sapien et</li>
</ul>
<p>Nuncsed sed conseque a at quismodo tris mauristibus sed habiturpiscinia sed. Condimentumsantincidunt dui mattis magna intesque purus orci augue lor nibh.</p>
<p class="readmore">Continue Reading »</p>
</div>
</div>
<!-- ####################################################################################################### -->
<div class="clear"></div>
</div>
</div>
<!-- ####################################################################################################### -->
<?php include_once($_SERVER["DOCUMENT_ROOT"].'/includes/footer.php'); ?>
</body>
</html>
In the main page, the form is defined as <form action="#" method="post">. For the action, you need to put the PHP file you're calling. # doesn't make sense. Look at your other declaration:
<form name="contactform" method="post" action="send_form_email.php">
This makes sense. It's telling HTML to send to send_form_email.php the information through POST.
I am new to joomla and trying to change a simple html template to joomla template. I made changes over the templatedetails.xml and index.php. Now my template is visible at templates of joomla. But it is not allowing to add menus or perform any joomla operation over to it.
Here is my index.php file,
<?php
/****************************************************
#####################################################
##-------------------------------------------------##
## TEMP ##
##-------------------------------------------------##
## Copyright = TEMP - 2013 ##
## Date = april 2013 ##
## Author = XYZ ##
## Websites = http://www.google.com ##
## ##
#####################################################
****************************************************/
// no direct access
defined('_JEXEC') or die('Restricted access');
/* The following line loads the MooTools JavaScript Library */
JHtml::_('behavior.framework', true);
/* The following line gets the application object for things like displaying the site name */
$app = JFactory::getApplication();
$csite_name = $app->getCfg('sitename');
$path = $this->baseurl.'/templates/'.$this->template;
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<jdoc:include type="head" />
<?php $mod_right = $this->countModules( 'position-7' );
if ( $mod_right ) {
$width = '';
} else {
$width = '-full'; }
?>
<?php
$newsflash = $this->params->get("newsflash", " Content to be added here.. ");
?>
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/template.css" type="text/css" />
<script language="javascript" type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template?>/js/jquery.js"></script>
<script language="javascript" type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template?>/js/superfish.js"></script>
<script language="javascript" type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template?>/js/hoverIntent.js"></script>
<script language="javascript" type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template?>/js/hide.js"></script>
<script type="text/javascript" src="templates/<?php echo $this->template ?>/js/slideshow.js"></script>
<link rel="icon" type="image/gif" href="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template; ?>/favicon.gif" />
<!--[if IE 7]>
<link href="templates/<?php echo $this->template ?>/css/ie7.css" rel="stylesheet" type="text/css" />
<![endif]-->
<script type="text/javascript">
// initialise plugins
jQuery(function(){
jQuery('.navigation ul').superfish();
});
</script>
</head>
<body>
<!-- start header -->
<div id="header">
<div id="logo">
</div>
<div id="menu">
<ul id="main">
<li class="current_page_item">Home</li>
<li>Courses and Admission </li>
<li>Department</li>
<li>Research</li>
<li>Hospital</li>
</ul>
<ul id="feed">
<li>Webmail</li>
<li>Contact us </li>
</ul>
</div>
</div>
<!-- end header -->
<div id="wrapper">
<!-- start page -->
<div id="page">
<div id="sidebar1" class="sidebar">
<ul>
<li>
<h2>Recent Posts</h2>
<marquee scrollamount="3" direction="up" onmouseout="start()" onmouseover="stop();">
<ul>
<li>Aliquam libero</li>
<li>Consectetuer adipiscing elit</li>
<li>Metus aliquam pellentesque</li>
<li>Suspendisse iaculis mauris</li>
<li>Proin gravida orci porttitor</li>
<li>Aliquam libero</li>
<li>Consectetuer adipiscing elit</li>
<li>Metus aliquam pellentesque</li>
<li>Suspendisse iaculis mauris</li>
<li>Proin gravida orci porttitor</li>
</ul>
</marquee>
</li>
<li>
<h2>Recent Comments</h2>
<ul>
<li> Templates on Aliquam libero</li>
<li> Templates on Consectetuer adipiscing elit</li>
<li> Templates on Metus aliquam pellentesque</li>
<li> Templates on Suspendisse iaculis mauris</li>
<li> Templates on Urnanet non molestie semper</li>
<li> Templates on Proin gravida orci porttitor</li>
</ul>
</li>
<li>
<h2>Categories</h2>
<ul>
<li>Aliquam libero</li>
<li>Consectetuer adipiscing elit</li>
<li>Metus aliquam pellentesque</li>
<li>Suspendisse iaculis mauris</li>
<li>Urnanet non molestie semper</li>
<li>Proin gravida orci porttitor</li>
</ul>
</li>
<li>
<h2>Archives</h2>
<ul>
<li>September (23)</li>
<li>August (31)</li>
<li>July (31)</li>
<li>June (30)</li>
<li>May (31)</li>
</ul>
</li>
</ul>
</div>
<!-- start content -->
<div id="content">
<div class="flower">
<img src="templates/<?php echo $this->template ?>/images/img06.jpg" width="510" height="250" alt="logotype" /></div>
<div class="post">
<h1 class="title">Welcome to TEMP !</h1>
<div class="entry">
<p>
<strong>TEMP </strong> is one of the SIX TEMP like apex healthcare institutes being established by the Ministry of Health & Family Welfare, Government of India under the Pradhan Mantri Swasthya Suraksha Yojna (PMSSY). With the aim of correcting regional imbalances in quality tertiary level healthcare in the country, and attaining self sufficiency in graduate and postgraduate medical education and training the PMSSY planned to set up 6 new TEMP like institutions in under served areas of the country.</p>
<p>These institutions are being established by an Act of Parliament on the lines of the original All India Institute of Medical Sciences in New Delhi which imparts both undergraduate and postgraduate medical education in all its branches and related fields, along with nursing and paramedical training. to bring together in one place educational facilities of the highest order for the training of personnel in all branches of health care activity. </p>
<p> </p>
<p class="links">«« Read More »»</p>
</div>
</div>
<div class="post">
<h2 class="title">Sample Tags</h2>
<div class="entry">
<h3>An H3 Followed by a Blockquote:</h3>
<blockquote>
<p>“Donec leo, vivamus nibh in augue at urna congue rutrum. Quisque dictum integer nisl risus, sagittis convallis, rutrum id, congue, and nibh.”</p>
</blockquote>
<h3>Bulleted List:</h3>
<ul>
<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
<li>Phasellus nec erat sit amet nibh pellentesque congue.</li>
<li>Cras vitae metus aliquam risus pellentesque pharetra.</li>
</ul>
<h3>Numbered List:</h3>
<ol>
<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
<li>Phasellus nec erat sit amet nibh pellentesque congue.</li>
<li>Cras vitae metus aliquam risus pellentesque pharetra.</li>
</ol>
<p class="links">«« Read More »»</p>
</div>
</div>
<!-- end content -->
<!-- start sidebars -->
<div id="sidebar2" class="sidebar">
<ul>
<li>
<form id="searchform" method="get" action="#">
<div>
<h2>Site Search</h2>
<input type="text" name="s" id="s" size="15" value="" />
</div>
</form>
</li>
<li>
<h2>Tags</h2>
<p class="tag">dolor ipsum lorem sit amet dolor ipsum lorem sit amet</p></li>
<li>
<h2>Calendar</h2>
<div id="calendar_wrap">
<table summary="Calendar">
<caption>
October 2009
</caption>
<thead>
<tr>
<th abbr="Monday" scope="col" title="Monday">M</th>
<th abbr="Tuesday" scope="col" title="Tuesday">T</th>
<th abbr="Wednesday" scope="col" title="Wednesday">W</th>
<th abbr="Thursday" scope="col" title="Thursday">T</th>
<th abbr="Friday" scope="col" title="Friday">F</th>
<th abbr="Saturday" scope="col" title="Saturday">S</th>
<th abbr="Sunday" scope="col" title="Sunday">S</th>
</tr>
</thead>
<tfoot>
<tr>
<td abbr="September" colspan="3" id="prev">« Sep</td>
<td class="pad"> </td>
<td colspan="3" id="next"> </td>
</tr>
</tfoot>
<tbody>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td id="today">4</td>
<td>5</td>
<td>6</td>
<td>7</td>
</tr>
<tr>
<td>8</td>
<td>9</td>
<td>10</td>
<td>11</td>
<td>12</td>
<td>13</td>
<td>14</td>
</tr>
<tr>
<td>15</td>
<td>16</td>
<td>17</td>
<td>18</td>
<td>19</td>
<td>20</td>
<td>21</td>
</tr>
<tr>
<td>22</td>
<td>23</td>
<td>24</td>
<td>25</td>
<td>26</td>
<td>27</td>
<td>28</td>
</tr>
<tr>
<td>29</td>
<td>30</td>
<td>31</td>
<td class="pad" colspan="4"> </td>
</tr>
</tbody>
</table>
</div>
</li>
<li>
<h2>Categories</h2>
<ul>
<li>Aliquam libero</li>
<li>Consectetuer adipiscing elit</li>
<li>Metus aliquam pellentesque</li>
<li>Suspendisse iaculis mauris</li>
<li>Urnanet non molestie semper</li>
<li>Proin gravida orci porttitor</li>
<li>Aliquam libero</li>
<li>Consectetuer adipiscing elit</li>
<li>Metus aliquam pellentesque</li>
<li>Urnanet non molestie semper</li>
<li>Proin gravida orci porttitor</li>
<li>Aliquam libero</li>
<li>Consectetuer adipiscing elit</li>
<li>Metus aliquam pellentesque</li>
<li>Suspendisse iaculis mauris</li>
<li>Urnanet non molestie semper</li>
<li>Proin gravida orci porttitor</li>
<li>Metus aliquam pellentesque</li>
<li>Suspendisse iaculis mauris</li>
<li>Urnanet non molestie semper</li>
<li>Proin gravida orci porttitor</li>
<li>Metus aliquam pellentesque</li>
</ul>
</li>
</ul>
</div>
<!-- end sidebars -->
<div style="clear: both;"> </div>
</div>
<!-- end page -->
</div>
<div id="footer">
<p class="copyright">© 2009 All Rights Reserved • Design by TEMP IT Dept..</p>
<p class="link">Privacy Policy • Terms of Use</p>
</div>
</html>
Please suggest how i can change this html template to exact joomla template. Thanks.
Replace conrete content with references to module positions, message container and component output. Your template will then look like
<?php
/**
* My template
*
* #copyright (C)2013 Neetesh <neetesh#example.com>
* #author XYZ
* #link http://www.google.com
*/
// No direct access
defined('_JEXEC') or die('Restricted access');
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<jdoc:include type="head" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/template.css" type="text/css" />
<link rel="icon" type="image/gif" href="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template; ?>/favicon.gif" />
<!--[if IE 7]>
<link href="templates/<?php echo $this->template ?>/css/ie7.css" rel="stylesheet" type="text/css" />
<![endif]-->
</head>
<body>
<!-- start header -->
<div id="header">
<div id="logo">
<jdoc:include type="modules" name="logo" />
</div>
<div id="menu">
<jdoc:include type="modules" name="header" />
</div>
</div>
<div id="wrapper">
<div id="page">
<div id="sidebar1" class="sidebar">
<jdoc:include type="modules" name="left" />
</div>
<div id="content">
<jdoc:include type="message" />
<jdoc:include type="component" />
</div>
<div id="sidebar2" class="sidebar">
<jdoc:include type="modules" name="right" />
</div>
<div style="clear: both;"> </div>
</div>
</div>
<div id="footer">
<jdoc:include type="modules" name="footer" />
</div>
</html>
The example above provides the module positions logo, header, left, right, and footer. Add these to the templateDetails.xml.
Next, find modules producing the sudebar content, you want, and assign them to the position, where you want to see them.