• 06-07-2014, 18:46:28
    #1
    Diyem ki bir html sayfası var bu sayfada text'e kelime girince sadece html sayfa içindeki class ı content divinin içindeki bilgilerde arayacak bulunca arka planı sarı yapacak yani google chromdaki ctrl+f basınca arama mantığının aynısı bunu nasıl yapabilirim ?

    not: hazır eklenti varsa oda olur



    örnek html:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
    <head>
    	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    	<title></title>
    </head>
    <body>
    	<div class="container">
    		<div class="header">
    			<img src="header.jpg" alt="" style="100%" />
    			<input type="text" name="arama" id="" />
    		</div>
    		<div class="content">
    			<p>
    				Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed quis neque tempor, rhoncus lorem at, mattis magna. Vivamus facilisis eleifend pretium. Aenean a turpis ac nunc ullamcorper auctor. Integer rhoncus dignissim sem, sed interdum orci elementum id. Vestibulum volutpat quam eu nulla hendrerit, vel commodo nibh eleifend. Etiam iaculis urna non arcu lacinia, id mattis odio interdum. Aenean ultricies ligula a pretium eleifend. Integer sit amet porttitor justo. Mauris magna neque, laoreet sed purus id, porta posuere ipsum. Mauris tempor neque ac ipsum faucibus vehicula. Vestibulum commodo nec felis et molestie. Sed sit amet condimentum libero. Maecenas enim enim, accumsan eu felis eu, sollicitudin tincidunt nulla.
    				<br /><br />	
    				Fusce venenatis, erat sed mollis lacinia, metus tortor mollis leo, in auctor lorem purus quis magna. Nullam metus tortor, ultricies consectetur molestie nec, gravida ac ipsum. Donec nibh sem, tincidunt ut vestibulum quis, accumsan et turpis. Aliquam ornare odio id nisl bibendum convallis. Aenean vehicula pellentesque placerat. Aenean nisi velit, gravida a eros a, gravida porta erat. Morbi malesuada scelerisque lacus, mattis dapibus neque porttitor eu. Etiam eget sollicitudin velit, at sodales metus. Morbi eget arcu non urna porta gravida. Sed mattis nisi nec vehicula semper. Quisque vulputate semper ultrices. Cras justo dolor, lobortis ac egestas quis, egestas quis lectus. Suspendisse potenti. Donec hendrerit imperdiet ante eu tempus. Ut ut libero placerat, egestas justo sed, euismod orci.
    				<br /><br />
    				Duis hendrerit fringilla tortor pharetra imperdiet. Praesent ac condimentum turpis. Fusce at nisl porta, consequat orci quis, condimentum dui. Suspendisse eu bibendum nibh. In at enim sit amet turpis auctor dapibus. Donec magna nibh, placerat et ante a, vulputate vestibulum est. Vestibulum pretium ipsum nulla, at auctor sem elementum eget. Duis eu gravida sapien, quis faucibus dolor. Pellentesque varius, lorem quis sollicitudin mattis, lorem augue bibendum felis, a accumsan ligula est eget felis.
    				<br /><br />
    				Aenean ac elit odio. Vestibulum accumsan faucibus magna eget mattis. Cras vel lorem lorem. Curabitur pharetra mollis arcu a tincidunt. Etiam a orci sit amet nisi tincidunt faucibus. Aliquam sem erat, feugiat eu neque ut, ornare rutrum libero. Nulla ac facilisis orci. Aliquam viverra vestibulum neque id ornare.
    				<br /><br />
    				Sed velit est, elementum in rhoncus id, sollicitudin eu lectus. Phasellus nec elit eu eros fermentum ultricies et auctor nisi. Vestibulum sodales tortor ipsum, vitae tristique elit convallis vitae. Etiam sodales accumsan nunc sed semper. Sed laoreet ante quis ipsum eleifend tempor in ac urna. Cras pretium nec enim dignissim ullamcorper. Fusce id porttitor est, sit amet consequat enim. Nam placerat felis neque, quis fermentum quam laoreet id. Nunc ut urna semper, vulputate metus vel, pharetra neque. Quisque lorem eros, vestibulum a tortor sit amet, rutrum faucibus lorem. Donec eget semper orci. Vivamus lobortis non ante at consequat. Proin gravida leo enim, porttitor pharetra erat facilisis eget. Nulla ut nulla eget mi faucibus suscipit.
    			</p>
    			<h3>özellikler</h3>
    			<ul>
    				<li><a href="#">deneme1</a></li>
    				<li><a href="#">deneme1</a></li>
    				<li><a href="#">deneme1</a></li>
    				<li><a href="#">deneme1</a></li>
    				<li><a href="#">deneme1</a></li>
    				<li><a href="#">deneme1</a></li>
    				<li><a href="#">deneme1</a></li>
    				<li><a href="#">deneme1</a></li>
    				<li><a href="#">deneme1</a></li>
    				<li><a href="#">deneme1</a></li>
    				<li><a href="#">deneme1</a></li>
    				<li><a href="#">deneme1</a></li>
    			</ul>
    			<div class="resimleri">
    				<ul>
    					<li><img src="deneme.jpg" alt="" /></li>
    					<li><img src="deneme.jpg" alt="" /></li>
    					<li><img src="deneme.jpg" alt="" /></li>
    					<li><img src="deneme.jpg" alt="" /></li>
    					<li><img src="deneme.jpg" alt="" /></li>
    					<li><img src="deneme.jpg" alt="" /></li>
    					<li><img src="deneme.jpg" alt="" /></li>
    					<li><img src="deneme.jpg" alt="" /></li>
    				</ul>
    			</div>
    			<div class="bilgi">
    				Sed velit est, elementum in rhoncus id, sollicitudin eu lectus. Phasellus nec elit eu eros fermentum ultricies et auctor nisi. Vestibulum sodales tortor ipsum, vitae tristique elit convallis vitae. Etiam sodales accumsan nunc sed semper. Sed laoreet ante quis ipsum eleifend tempor in ac urna. Cras pretium nec enim dignissim ullamcorper. Fusce id porttitor est, sit amet consequat enim. Nam placerat felis neque, quis fermentum quam laoreet id. Nunc ut urna semper, vulputate metus vel, pharetra neque. Quisque lorem eros, vestibulum a tortor sit amet, rutrum faucibus lorem. Donec eget semper orci. Vivamus lobortis non ante at consequat. Proin gravida leo enim, porttitor pharetra erat facilisis eget. Nulla ut nulla eget mi faucibus suscipit.
    			</div>
    		</div>	
    		<div class="footer">
    			<img src="footer.jpd" alt="öylesine" />
    		</div>
    		
    	</div>
    </body>
    </html>
  • 06-07-2014, 18:50:06
    #2
    yanlnlış anlamadıysam bunu php ile de yapabilirsiniz.

    https://www.r10.net/php/1162769-php-s...mik-arama.html
  • 06-07-2014, 21:41:57
    #3
    Ajax ile yapabilirsiniz. bu dediğinizi. Google mantığı olarak düşünün bir arama çubuğundan anlık olarak veriyi jQuery'nin ajax metodu ile gönderip yapabilirsiniz.
  • 07-07-2014, 02:10:02
    #4
    https://bartaz.github.io/sandbox.js/...highlight.html

    işini görecektir.
  • 07-07-2014, 20:57:30
    #5
    truser adlı üyeden alıntı: mesajı görüntüle
    yanlnlış anlamadıysam bunu php ile de yapabilirsiniz.

    https://www.r10.net/php/1162769-php-s...mik-arama.html
    yok öyle değil mesela bir sayfayı açtık demi sonra ctrl+f basıp arama yapıyoruz ya işte onu site yapacak hepsi bu kadar boş bir uğraşı

    Bay_Keskin adlı üyeden alıntı: mesajı görüntüle
    Ajax ile yapabilirsiniz. bu dediğinizi. Google mantığı olarak düşünün bir arama çubuğundan anlık olarak veriyi jQuery'nin ajax metodu ile gönderip yapabilirsiniz.
    ajax yapılır mı bilmem ama yapılsa zor olacağını düşünüyorum hem ben istediğimin ajax ile yapılacağını düşünmüyorum ama teşekkürler ben yaptım

    Gzx adlı üyeden alıntı: mesajı görüntüle
    hepinize teşekkürler ben sorumun cevabını buldum