emperatorphp
سه شنبه 11 فروردین 1394, 10:07 صبح
بسم الله الرحمن الرحیم
سلام
در صفحه مستر خودم دگمه سرچی گذاشتم از نوع text
میخوام از این دگمه مقدار تایپ شده رو بفرستم به صفحه searchpage.php و در اون صفحه نتایج با ساختار زیر نشون داده بشه
<div class="portfolio-group">
<a class="portfolio-item" href="images/5-large.jpg">
<img src="images/5-small.jpg" alt="image 5">
<div class="detail">
<h3>Bustling City</h3>
<p>Duis ac laoreet mi. Vestibulum tincidunt libero urna, ut dignissim purus accumsan nec. Sed in molestie lectus. Curabitur non est neque.</p>
<span class="btn">بزرگ نمایی</span>
</div>
</a>
</div>
<div class="portfolio-group">
<a class="portfolio-item" href="images/6-large.jpg">
<img src="images/6-small.jpg" alt="image 6">
<div class="detail">
<h3>Retired Leaves</h3>
<p>Sed in molestie lectus. Curabitur non est neque. Maecenas id luctus ligula. Mauris dignissim ante eu arcu ultricies, at sodales orci aliquet.</p>
<span class="btn">بزرگ نمایی</span>
</div>
</a>
</div>
<div class="portfolio-group">
<a class="portfolio-item" href="images/7-large.jpg">
<img src="images/7-small.jpg" alt="image 7">
<div class="detail">
<h3>Clean Design</h3>
<p>Vestibulum tincidunt libero urna, ut dignissim purus accumsan nec. Maecenas id luctus ligula. Mauris dignissim ante eu arcu ultricies, at sodales orci aliquet.</p>
<span class="btn">بزرگ نمایی</span>
</div>
</a>
</div>
<div class="portfolio-group">
<a class="portfolio-item" href="images/8-large.jpg">
<img src="images/8-small.jpg" alt="image 8">
<div class="detail">
<h3>Rock Solid</h3>
<p>Duis ac laoreet mi. Maecenas non lorem sed elit molestie tincidunt. Mauris dignissim ante eu arcu ultricies, at sodales orci aliquet.</p>
<span class="btn">بزرگ نمایی</span>
</div>
</a>
</div>
</div>
<div class="portfolio-page" id="page-2" style="display:none;">
<div class="portfolio-group">
<a class="portfolio-item" href="images/8-large.jpg">
<img src="images/8-small.jpg" alt="image 8">
<div class="detail">
<h3>Wavy Road</h3>
<p>Duis ac laoreet mi. Maecenas non lorem sed elit molestie tincidunt. Sed in molestie lectus. Curabitur non est neque.</p>
<span class="btn">بزرگ نمایی</span>
</div>
</a>
</div>
<div class="portfolio-group">
<a class="portfolio-item" href="images/7-large.jpg">
<img src="images/7-small.jpg" alt="image 7">
<div class="detail">
<h3>Rocky Mountain</h3>
<p>Sed in molestie lectus. Curabitur non est neque. Maecenas id luctus ligula. Mauris dignissim ante eu arcu ultricies, at sodales orci aliquet. Duis ac laoreet mi.</p>
<span class="btn">بزرگ نمایی</span>
</div>
</a>
</div>
<div class="portfolio-group">
<a class="portfolio-item" href="images/6-large.jpg">
<img src="images/6-small.jpg" alt="image 6">
<div class="detail">
<h3>Clear River</h3>
<p>Duis ac laoreet mi. Maecenas non lorem sed elit molestie tincidunt. Vestibulum tincidunt libero urna, ut dignissim purus accumsan nec. Sed in molestie lectus.</p>
<span class="btn">بزرگ نمایی</span>
</div>
</a>
</div>
<div class="portfolio-group">
<a class="portfolio-item" href="images/5-large.jpg">
<img src="images/5-small.jpg" alt="image 5">
<div class="detail">
<h3>Rounded Flower</h3>
<p>Sed in molestie lectus. Curabitur non est neque. Maecenas id luctus ligula. Mauris dignissim ante eu arcu ultricies, at sodales orci aliquet.</p>
<span class="btn">بزرگ نمایی</span>
</div>
</a>
</div>
<div class="portfolio-group">
<a class="portfolio-item" href="images/4-large.jpg">
<img src="images/4-small.jpg" alt="image 4">
<div class="detail">
<h3>Bustling City</h3>
<p>Duis ac laoreet mi. Maecenas non lorem sed elit molestie tincidunt. Vestibulum tincidunt libero urna, ut dignissim purus accumsan nec.</p>
<span class="btn">بزرگ نمایی</span>
</div>
</a>
</div>
<div class="portfolio-group">
<a class="portfolio-item" href="images/3-large.jpg">
<img src="images/3-small.jpg" alt="image 3">
<div class="detail">
<h3>Retired Leaves</h3>
<p>Sed in molestie lectus. Curabitur non est neque. Maecenas id luctus ligula. Mauris dignissim ante eu arcu ultricies, at sodales orci aliquet.</p>
<span class="btn">بزرگ نمایی</span>
</div>
</a>
</div>
<div class="portfolio-group">
<a class="portfolio-item" href="images/2-large.jpg">
<img src="images/2-small.jpg" alt="image 2">
<div class="detail">
<h3>Clean Design</h3>
<p>Vestibulum tincidunt libero urna, ut dignissim purus accumsan nec. Sed in molestie lectus. Curabitur non est neque. Maecenas id luctus ligula.</p>
<span class="btn">بزرگ نمایی</span>
</div>
</a>
</div>
<div class="portfolio-group">
<a class="portfolio-item" href="images/1-large.jpg">
<img src="images/1-small.jpg" alt="image 1">
<div class="detail">
<h3>Rock Solid</h3>
<p>Duis ac laoreet mi. Maecenas non lorem sed elit molestie tincidunt. Maecenas id luctus ligula. Mauris dignissim ante eu arcu ultricies, at sodales orci aliquet.</p>
<span class="btn">بزرگ نمایی</span>
</div>
</a>
</div>
</div>
<div class="portfolio-page" id="page-3" style="display:none;">
<div class="portfolio-group">
<a class="portfolio-item" href="images/3-large.jpg">
<img src="images/3-small.jpg" alt="image 3">
<div class="detail">
<h3>Wavy Road</h3>
<p>Duis ac laoreet mi. Maecenas non lorem sed elit molestie tincidunt. Vestibulum tincidunt libero urna, ut dignissim purus accumsan nec. Curabitur non est neque.</p>
<span class="btn">بزرگ نمایی</span>
</div>
</a>
</div>
<div class="portfolio-group">
<a class="portfolio-item" href="images/2-large.jpg">
<img src="images/2-small.jpg" alt="image 2">
<div class="detail">
<h3>Rocky Mountain</h3>
<p>Sed in molestie lectus. Curabitur non est neque. Maecenas id luctus ligula. Mauris dignissim ante eu arcu ultricies, at sodales orci aliquet. Duis ac laoreet mi.</p>
<span class="btn">بزرگ نمایی</span>
</div>
</a>
</div>
<div class="portfolio-group">
<a class="portfolio-item" href="images/4-large.jpg">
<img src="images/4-small.jpg" alt="image 4">
<div class="detail">
<h3>Clear River</h3>
<p>Duis ac laoreet mi. Maecenas non lorem sed elit molestie tincidunt. Vestibulum tincidunt libero urna, ut dignissim purus accumsan nec. Sed in molestie lectus.</p>
<span class="btn">بزرگ نمایی</span>
</div>
</a>
</div>
<div class="portfolio-group">
<a class="portfolio-item" href="images/1-large.jpg">
<img src="images/1-small.jpg" alt="image 1">
<div class="detail">
<h3>Rounded Flower</h3>
<p>Sed in molestie lectus. Curabitur non est neque. Maecenas id luctus ligula. Mauris dignissim ante eu arcu ultricies, at sodales orci aliquet. </p>
<span class="btn">بزرگ نمایی</span>
</div>
</a>
</div>
<div class="portfolio-group">
<a class="portfolio-item" href="images/5-large.jpg">
<img src="images/5-small.jpg" alt="image 5">
<div class="detail">
<h3>Bustling City</h3>
<p>Duis ac laoreet mi. Maecenas non lorem sed elit molestie tincidunt. Vestibulum tincidunt libero urna, ut dignissim purus accumsan nec. Curabitur non est neque.</p>
<span class="btn">بزرگ نمایی</span>
</div>
</a>
</div>
<div class="portfolio-group">
<a class="portfolio-item" href="images/6-large.jpg">
<img src="images/6-small.jpg" alt="image 22">
<div class="detail">
<h3>Retired Leaves</h3>
<p>Sed in molestie lectus. Curabitur non est neque. Maecenas id luctus ligula. Mauris dignissim ante eu arcu ultricies, at sodales orci aliquet.</p>
<span class="btn">بزرگ نمایی</span>
</div>
</a>
</div>
<div class="portfolio-group">
<a class="portfolio-item" href="images/8-large.jpg">
<img src="images/8-small.jpg" alt="image 8">
<div class="detail">
<h3>Clean Design</h3>
<p>Vestibulum tincidunt libero urna, ut dignissim purus accumsan nec. Sed in molestie lectus. Curabitur non est neque. Maecenas id luctus ligula.</p>
<span class="btn">بزرگ نمایی</span>
</div>
</a>
</div>
<div class="portfolio-group">
<a class="portfolio-item" href="images/7-large.jpg">
<img src="images/7-small.jpg" alt="image 7">
<div class="detail">
<h3>Rock Solid</h3>
<p>Duis ac laoreet mi. Maecenas non lorem sed elit molestie tincidunt. Maecenas id luctus ligula. Mauris dignissim ante eu arcu ultricies, at sodales orci aliquet.</p>
<span class="btn">بزرگ نمایی</span>
</div>
</a>
</div>
</div> <!-- page 3 -->
<div class="pagination">
<ul class="nav">
<li class="active">1</li>
<li>2</li>
<li>3</li>
</ul>
</div>
سلام
در صفحه مستر خودم دگمه سرچی گذاشتم از نوع text
میخوام از این دگمه مقدار تایپ شده رو بفرستم به صفحه searchpage.php و در اون صفحه نتایج با ساختار زیر نشون داده بشه
<div class="portfolio-group">
<a class="portfolio-item" href="images/5-large.jpg">
<img src="images/5-small.jpg" alt="image 5">
<div class="detail">
<h3>Bustling City</h3>
<p>Duis ac laoreet mi. Vestibulum tincidunt libero urna, ut dignissim purus accumsan nec. Sed in molestie lectus. Curabitur non est neque.</p>
<span class="btn">بزرگ نمایی</span>
</div>
</a>
</div>
<div class="portfolio-group">
<a class="portfolio-item" href="images/6-large.jpg">
<img src="images/6-small.jpg" alt="image 6">
<div class="detail">
<h3>Retired Leaves</h3>
<p>Sed in molestie lectus. Curabitur non est neque. Maecenas id luctus ligula. Mauris dignissim ante eu arcu ultricies, at sodales orci aliquet.</p>
<span class="btn">بزرگ نمایی</span>
</div>
</a>
</div>
<div class="portfolio-group">
<a class="portfolio-item" href="images/7-large.jpg">
<img src="images/7-small.jpg" alt="image 7">
<div class="detail">
<h3>Clean Design</h3>
<p>Vestibulum tincidunt libero urna, ut dignissim purus accumsan nec. Maecenas id luctus ligula. Mauris dignissim ante eu arcu ultricies, at sodales orci aliquet.</p>
<span class="btn">بزرگ نمایی</span>
</div>
</a>
</div>
<div class="portfolio-group">
<a class="portfolio-item" href="images/8-large.jpg">
<img src="images/8-small.jpg" alt="image 8">
<div class="detail">
<h3>Rock Solid</h3>
<p>Duis ac laoreet mi. Maecenas non lorem sed elit molestie tincidunt. Mauris dignissim ante eu arcu ultricies, at sodales orci aliquet.</p>
<span class="btn">بزرگ نمایی</span>
</div>
</a>
</div>
</div>
<div class="portfolio-page" id="page-2" style="display:none;">
<div class="portfolio-group">
<a class="portfolio-item" href="images/8-large.jpg">
<img src="images/8-small.jpg" alt="image 8">
<div class="detail">
<h3>Wavy Road</h3>
<p>Duis ac laoreet mi. Maecenas non lorem sed elit molestie tincidunt. Sed in molestie lectus. Curabitur non est neque.</p>
<span class="btn">بزرگ نمایی</span>
</div>
</a>
</div>
<div class="portfolio-group">
<a class="portfolio-item" href="images/7-large.jpg">
<img src="images/7-small.jpg" alt="image 7">
<div class="detail">
<h3>Rocky Mountain</h3>
<p>Sed in molestie lectus. Curabitur non est neque. Maecenas id luctus ligula. Mauris dignissim ante eu arcu ultricies, at sodales orci aliquet. Duis ac laoreet mi.</p>
<span class="btn">بزرگ نمایی</span>
</div>
</a>
</div>
<div class="portfolio-group">
<a class="portfolio-item" href="images/6-large.jpg">
<img src="images/6-small.jpg" alt="image 6">
<div class="detail">
<h3>Clear River</h3>
<p>Duis ac laoreet mi. Maecenas non lorem sed elit molestie tincidunt. Vestibulum tincidunt libero urna, ut dignissim purus accumsan nec. Sed in molestie lectus.</p>
<span class="btn">بزرگ نمایی</span>
</div>
</a>
</div>
<div class="portfolio-group">
<a class="portfolio-item" href="images/5-large.jpg">
<img src="images/5-small.jpg" alt="image 5">
<div class="detail">
<h3>Rounded Flower</h3>
<p>Sed in molestie lectus. Curabitur non est neque. Maecenas id luctus ligula. Mauris dignissim ante eu arcu ultricies, at sodales orci aliquet.</p>
<span class="btn">بزرگ نمایی</span>
</div>
</a>
</div>
<div class="portfolio-group">
<a class="portfolio-item" href="images/4-large.jpg">
<img src="images/4-small.jpg" alt="image 4">
<div class="detail">
<h3>Bustling City</h3>
<p>Duis ac laoreet mi. Maecenas non lorem sed elit molestie tincidunt. Vestibulum tincidunt libero urna, ut dignissim purus accumsan nec.</p>
<span class="btn">بزرگ نمایی</span>
</div>
</a>
</div>
<div class="portfolio-group">
<a class="portfolio-item" href="images/3-large.jpg">
<img src="images/3-small.jpg" alt="image 3">
<div class="detail">
<h3>Retired Leaves</h3>
<p>Sed in molestie lectus. Curabitur non est neque. Maecenas id luctus ligula. Mauris dignissim ante eu arcu ultricies, at sodales orci aliquet.</p>
<span class="btn">بزرگ نمایی</span>
</div>
</a>
</div>
<div class="portfolio-group">
<a class="portfolio-item" href="images/2-large.jpg">
<img src="images/2-small.jpg" alt="image 2">
<div class="detail">
<h3>Clean Design</h3>
<p>Vestibulum tincidunt libero urna, ut dignissim purus accumsan nec. Sed in molestie lectus. Curabitur non est neque. Maecenas id luctus ligula.</p>
<span class="btn">بزرگ نمایی</span>
</div>
</a>
</div>
<div class="portfolio-group">
<a class="portfolio-item" href="images/1-large.jpg">
<img src="images/1-small.jpg" alt="image 1">
<div class="detail">
<h3>Rock Solid</h3>
<p>Duis ac laoreet mi. Maecenas non lorem sed elit molestie tincidunt. Maecenas id luctus ligula. Mauris dignissim ante eu arcu ultricies, at sodales orci aliquet.</p>
<span class="btn">بزرگ نمایی</span>
</div>
</a>
</div>
</div>
<div class="portfolio-page" id="page-3" style="display:none;">
<div class="portfolio-group">
<a class="portfolio-item" href="images/3-large.jpg">
<img src="images/3-small.jpg" alt="image 3">
<div class="detail">
<h3>Wavy Road</h3>
<p>Duis ac laoreet mi. Maecenas non lorem sed elit molestie tincidunt. Vestibulum tincidunt libero urna, ut dignissim purus accumsan nec. Curabitur non est neque.</p>
<span class="btn">بزرگ نمایی</span>
</div>
</a>
</div>
<div class="portfolio-group">
<a class="portfolio-item" href="images/2-large.jpg">
<img src="images/2-small.jpg" alt="image 2">
<div class="detail">
<h3>Rocky Mountain</h3>
<p>Sed in molestie lectus. Curabitur non est neque. Maecenas id luctus ligula. Mauris dignissim ante eu arcu ultricies, at sodales orci aliquet. Duis ac laoreet mi.</p>
<span class="btn">بزرگ نمایی</span>
</div>
</a>
</div>
<div class="portfolio-group">
<a class="portfolio-item" href="images/4-large.jpg">
<img src="images/4-small.jpg" alt="image 4">
<div class="detail">
<h3>Clear River</h3>
<p>Duis ac laoreet mi. Maecenas non lorem sed elit molestie tincidunt. Vestibulum tincidunt libero urna, ut dignissim purus accumsan nec. Sed in molestie lectus.</p>
<span class="btn">بزرگ نمایی</span>
</div>
</a>
</div>
<div class="portfolio-group">
<a class="portfolio-item" href="images/1-large.jpg">
<img src="images/1-small.jpg" alt="image 1">
<div class="detail">
<h3>Rounded Flower</h3>
<p>Sed in molestie lectus. Curabitur non est neque. Maecenas id luctus ligula. Mauris dignissim ante eu arcu ultricies, at sodales orci aliquet. </p>
<span class="btn">بزرگ نمایی</span>
</div>
</a>
</div>
<div class="portfolio-group">
<a class="portfolio-item" href="images/5-large.jpg">
<img src="images/5-small.jpg" alt="image 5">
<div class="detail">
<h3>Bustling City</h3>
<p>Duis ac laoreet mi. Maecenas non lorem sed elit molestie tincidunt. Vestibulum tincidunt libero urna, ut dignissim purus accumsan nec. Curabitur non est neque.</p>
<span class="btn">بزرگ نمایی</span>
</div>
</a>
</div>
<div class="portfolio-group">
<a class="portfolio-item" href="images/6-large.jpg">
<img src="images/6-small.jpg" alt="image 22">
<div class="detail">
<h3>Retired Leaves</h3>
<p>Sed in molestie lectus. Curabitur non est neque. Maecenas id luctus ligula. Mauris dignissim ante eu arcu ultricies, at sodales orci aliquet.</p>
<span class="btn">بزرگ نمایی</span>
</div>
</a>
</div>
<div class="portfolio-group">
<a class="portfolio-item" href="images/8-large.jpg">
<img src="images/8-small.jpg" alt="image 8">
<div class="detail">
<h3>Clean Design</h3>
<p>Vestibulum tincidunt libero urna, ut dignissim purus accumsan nec. Sed in molestie lectus. Curabitur non est neque. Maecenas id luctus ligula.</p>
<span class="btn">بزرگ نمایی</span>
</div>
</a>
</div>
<div class="portfolio-group">
<a class="portfolio-item" href="images/7-large.jpg">
<img src="images/7-small.jpg" alt="image 7">
<div class="detail">
<h3>Rock Solid</h3>
<p>Duis ac laoreet mi. Maecenas non lorem sed elit molestie tincidunt. Maecenas id luctus ligula. Mauris dignissim ante eu arcu ultricies, at sodales orci aliquet.</p>
<span class="btn">بزرگ نمایی</span>
</div>
</a>
</div>
</div> <!-- page 3 -->
<div class="pagination">
<ul class="nav">
<li class="active">1</li>
<li>2</li>
<li>3</li>
</ul>
</div>