Wrox Programmer Forums

Need to download code?

View our list of code downloads.

Go Back   Wrox Programmer Forums > Web Programming > HTML > BOOK: Beginning HTML, XHTML, CSS, and JavaScript
Password Reminder
Register
| FAQ | Members List | Calendar | Search | Today's Posts | Mark Forums Read
BOOK: Beginning HTML, XHTML, CSS, and JavaScript
This is the forum to discuss the Wrox book Beginning HTML, XHTML, CSS, and JavaScript by Jon Duckett; ISBN: 978-0-470-54070-1
Welcome to the p2p.wrox.com Forums.

You are currently viewing the BOOK: Beginning HTML, XHTML, CSS, and JavaScript section of the Wrox Programmer to Programmer discussions. This is a community of tens of thousands of software programmers and website developers including Wrox book authors and readers. As a guest, you can read any forum posting. By joining today you can post your own programming questions, respond to other developers’ questions, and eliminate the ads that are displayed to guests. Registration is fast, simple and absolutely free .
DRM-free e-books 300x50
Reply
 
Thread Tools Search this Thread Display Modes
  #1 (permalink)  
Old January 23rd, 2012, 04:26 AM
Authorized User
Points: 181, Level: 3
Points: 181, Level: 3 Points: 181, Level: 3 Points: 181, Level: 3
Activity: 0%
Activity: 0% Activity: 0% Activity: 0%
 
Join Date: Mar 2009
Posts: 30
Thanks: 0
Thanked 0 Times in 0 Posts
Default Get the displying content from the div using javascript or jquery

Dear all,

Thanks in advance, i need to get the display content from the div without overflow content using javascript or jquery.

Sample html code
=========

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
#outer_div{ border:1px solid #999; height:300px; width:300px; margin:0 auto;}
.pagination {
display: block;
overflow:hidden;
position: relative;
line-height:35px;
height:280px;
padding:10px 0px 10px 5px;
border:1px solid #F00;
}
</style>
</head>

<body>
<div id="outer_div">
<div class="pagination" id="pagination_id">
<p>Jonathan Sharp has been passionate about the Internet and web development since
1996. Over the years that have followed, and for Fortune
500 corporations. Jonathan founded Out West Media, LLC, in greater Omaha, Nebraska,
and provides frontend engineering and architecture services with a focus on
custom XHTML, CSS, and jQuery development. Jonathan is a jQuery core team member
and an author and presenter when not coding. Jonathan is most grateful for his
wife, Erin; daughter, Noel; two dogs, and two horses.</br></br></br></br></br></br></br></br></br></br></p>
<p>Scott González is a web application developer living in Raleigh, North Carolina, who
enjoys building highly dynamic systems and flexible, scalable frameworks. He has been
contributing to jQuery since 2007 and is currently the development lead for jQuery UI,
jQuery’s official user interface library. Scott also writes tutorials about jQuery and
jQuery UI on nemikor.com and speaks about jQuery at conferences.<b>end para</b></p>
<span id="mymarker">mymarker</span>
</div>
</div>
</body>
</html>


From the above html code, when view into browser it show only following content.

"Jonathan Sharp has been passionate about the Internet and web development since 1996. Over the years that have followed, and for Fortune 500 corporations. Jonathan founded Out West Media, LLC, in greater Omaha, Nebraska, and provides frontend engineering and architecture services with a focus on custom XHTML, CSS, and jQuery "

i need to get that content using javascript or jquery. Please help me.


Thanks,
Thavaprakash. S.
Reply With Quote
Reply


Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is Off
HTML code is Off
Trackbacks are Off
Pingbacks are On
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
JavaScript vs JQuery skijor ASP.NET 3.5 Basics 4 August 7th, 2009 10:21 AM
Change <div> content areed24 ASP.NET 3.5 Basics 3 April 20th, 2009 09:59 PM
Disabling Content in a DIV or TR Object. alapati.sasi Javascript How-To 0 November 10th, 2008 04:57 AM
Printing the content inside the div tag cheeky Pro JSP 0 April 26th, 2007 07:26 AM
Access div content mattastic Javascript How-To 3 November 17th, 2004 10:40 AM



All times are GMT -4. The time now is 03:56 PM.


Powered by vBulletin®
Copyright ©2000 - 2019, Jelsoft Enterprises Ltd.
© 2013 John Wiley & Sons, Inc.