djmichaelray
asked on
Simple javascript question. How to use javascript inbetween <p> and <h> tags
So i have some javascript that is using jquery to call up the contents of .txt file on my server.
The only problem is that the function ends up in a class
How can i call up this class to use inbetween the <p> and <h> tags of my choosing throughout the page
without messing up the formating layed out in the css
The only problem is that the function ends up in a class
How can i call up this class to use inbetween the <p> and <h> tags of my choosing throughout the page
without messing up the formating layed out in the css
<!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>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Dream Chasers</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="default.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="http://www.djmichaelray.com/dreamchasers/jquery-1.2.6.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$.get("art.txt", function(data){
$('.articleone').text(data);
});
});
$(document).ready(function() {
$.get("headline1.txt", function(data){
$('.headlineone').text(data);
});
});
$(document).ready(function() {
$.get("headline2.txt", function(data){
$('.headlinetwo').text(data);
});
});
$(document).ready(function() {
$.get("article2.txt", function(data){
$('.articletwo').text(data);
});
});
</script>
</head>
<body>
<div id="wrapper">
<div id="header">
<div id="logo">
<img src="images/dbanner.jpg" width="890" height="160"/>
</div>
<br />
</div>
<div id="menu">
<ul>
<li class="current_page_item"><a href="la.html">Home</a></li>
<li><a href="scene.html">The Scene</a></li>
<li><a href="photos.html">Photos</a></li>
<li><a href="videos.html">Videos</a></li>
<li><a href="aboutus.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<div id="page">
<div id="ads"><a href="#"><img src="images/ad160x600.gif" alt="" width="160" height="600" /></a></div>
<div id="content">
<div class="post">
<div class="title">
<h2 class="headlineone"></h2>
<p><small>by <a href="#">Michael Ray</a></small></p>
</div>
<div class="entry">
<img src="images/artpic1.jpg" alt="" width="120" height="120" class="left"/>
<div class="articleone">
</div>
</div>
<br />
<br />
<p class="links"> <a href="#" class="more">Read More</a></p>
</div>
<div class="post">
<div class="title">
<h2><a href="articles/top_three/article_two.html"><div class="headlinetwo"></div></a></h2>
<p><small>by <a href="#">Michael Ray</a></small></p>
</div>
<div class="entry">
<a href="articles/top_three/article_two.html"><img src="images/artpic2.jpg" alt="" width="120" height="120" class="left"/></a>
<div class="articletwo">
</div>
</div>
<br />
<br />
<p class="links"> <a href="articles/top_three/article_two.html" class="more">Read More</a></p>
</div>
</div>
<div id="sidebar">
<ul>
<li id="categories">
<h2>Night Life Planner</h2>
<ul>
<li><a href="#">Monday</a> (1) </li>
<li><a href="#">Tuesday</a> (4) </li>
<li><a href="#">Thursday </a></li>
<li><a href="#">Friday </a></li>
<li><a href="#">Saturday </a></li>
<li><a href="#">Sunday </a></li>
</ul>
<h2>On The List</h2>
<ul>
<li><a href="#">Style Guide</a></li>
<li><a href="#">Music</a></li>
<li><a href="#">Club Etiquette</a></li>
<li><a href="#">HotSpot Watch</a></li>
<li><a href="#">On The Rise</a></li>
</ul>
</li>
</ul>
</div>
</div>
<div id="footer">
<p class="legal">
©2007 Dream Chasers. All Rights Reserved.
</p>
</div>
</div>
<!-- end footer -->
</body>
</html>
ASKER CERTIFIED SOLUTION
membership
Create a free account to see this answer
Signing up is free and takes 30 seconds. No credit card required.
ASKER