Itruncate All Words Greater Than 30 Characters When Page Loads?
Dec 23, 2010
How can I truncate all words greater than 30 characters using a class name when the page loads?Been trying to do this for about 5 hours. Trying to conside the following:
* Truncate long words and churn anything above the minimum length with an ellipse.
* Only truncate words and not the whole sentence or paragraph.
* Should truncate text that are inside HTML tags and not truncate the tags themselves.
* When you hover over the ellipse, it will show you the complete word.
* The long words are already truncated when the page load (SEO friendly).
* Block of text are included in a max of 25 <div> elements and a minimum of 1. That's why I'm not using ID.
So far I have this lines of code:
<script charset="utf-8" language="javascript" type="text/javascript">
function test(gaz) {
var sbText = gaz.innerHTML;[code]....
I got this from the web and modified it but not working as I intended it to be.
It seems like when I load javascript code into a page, that each item I add, such as an accordian vertical navbar, image slider, etc, that each time I add one, the page loads a second or so slower with each one added. I would like some of these features, but is this just a part of life, or are there tricks to avoid the slower load time? It is not major time but after the 2 items I mentioned, it added on about 2 seconds.
I read that $(document).ready(function() might slow me down but I do not see that statement in any of my .js files.
I have a forum with over 5000 topics (lots of content in each topic) and I have a wiki-website with over 4000 articles. Both share the same database and are similar in context.
Now, I was wondering if there is a JavaScript out there that can could scan my forum page and underline words on that page that are articles on the wiki. For instance, if I have an article in the wiki entitled "Heart", where ever "Heart" appears in the forum, it is underlined and linked to that exact article on the wiki.
This conceptual idea is very similar to In-Text advertisements, such as Kontera, but I can't seem to find the scripting they use.
I've been reading my JS book, have done a 'Degrees Converter' which converts fahrenheit into centigrade. There is a prompt box which automatically loads when the website is loaded. I am pressuming this is because I have my script in the body.How do I get my script as a link? I wanted to put the words 'Degrees Converter' onto my page(as a link), so that when people click the link, it loads up the prompt box.
I have extremely text intensive web pages. A search engine can find the page but then my users have to search for the word using Ctrl+F. Google can highlight the found terms on the page but google does not index every page on my sites.
I need a way to highlight found words on my web pages by using an input box at the top of the page. The user will type in a word to find and the script will highlight all the found words on a page.
Here is code that is supposed to work to find an individual word but not all words. The code does not work for me.
I have some code which toggles the content on the page. This works fine but I need the first div to be showing when the page loads and its tab to have a selected state.
i have a javascript bookmark to log me onto my schools site[URL].. it works fine if the page is already open, but with using the link to open the page, it runs the remaning script before the page loads and it doesn't work. is there any way to fix this withou using setTimeout()
I have a slide show program. First theres stuff to set up the array, and the time between slides Then a function startIt()is defined then a function stopIt() Then two buttons, Start and Stop, which when pressed call the relevant functions.
When the page loads, you have to click the Start button to get the slide show running, but I'd like it to start running straight away without having to click. I can't for the life of me figure this out. I thought it was just a question of putting the line startIt(); Code:
To begin, I'm a novice at this. I'm using 2 JQuerys on a page -
[Code]...
The first fades a page in and out when loading. The second 'smoothly' scrolls the page down to anchor text in the page. The problem is that the 1st script 'overpowers' the second, so when you click on an anchor text link it starts to 'smoothly scroll down, then the first script kicks in an re-loads the page. Is there a way of stopping the first script if the second one is being used?
Say now, you want to try and do some animation done by default, in the below example I have done some animation only when the user do mouse over, how can i do that by default as in when the page loads.
I have a hotspot on an image that when the user moves their mouse over it makes some text appear from 0% to 100% opacity.
This function works fine, but when the page loads for the first time the text is already displayed. So Im wondering how to set the initial opacity of the text to 0% so its hidden until activated?
Heres the code I have at the moment (relevent parts in orange):
<!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>
[Code]....
I guessed by adding "sampletext2=hide" to the top but this did no good!
I have a text box to which I give focus when a page loads. There is more than one submit button on the form. When I enter something in the textbox then hit Enter the first submit button on the form is activated. Is there some simple code I can use to shift focus to the submit button I want as I press Enter?
i am working on a facebook like photo viewer. I have used javascript to declare an array of about 200 images. I have the following approach to pre-load the images.I preload all the images when the page loads:
The problem is the page tries to load all the images when opened. And when the user clicks "next" to view other photos, the other photo is still loading where as some are already loaded.I would like the code to be able to load the photo that the user is currently viewing as the user gets to that picture, before the page tries to finish loading all the photos.In other words, if the user wants to view a particular photo directly, that photo should get the priority of loading quickly.
I have long html/CSS (no CMS or php, etc.) web pages. Some people run away when they see too much content on a page. So I hide the large lower section of the pages and have the user click anchor text to execute simple JS code to change the display from 'none' to 'block' or back to re-hide.
Code:
(BTW my research indicates that search engines do not know the difference between display='none' and normal content, or I would not be hiding content in the first place.)
Within this hidden content, I have anchor text to provide name handles
Code:
So users can click a link and go directly to that section. Within that link I include
Code:
So that works fine within a particular page. But when I want to link to an anchor on another page which is within this hidden content, the browser cannot display the anchor text because it is still hidden.
Is there a way to execute the JS code to change the DOM, changing the display to 'block' on the content of the new page?
I do not see how, because the new page isn't loaded yet, there is no DOM within the browser yet, so how can it be manipulated?
Of course if I was using php I could generate the code with the property set as desired. But for straight up html/CSS/JS pages is this possible?
I get the feeling I am missing something simple here, either a simple solution or the simple fact that this is just an inherent limitation of html.
I know you can use the onload statement to start a javascript when the page has loaded, but is there a statement that can start a javascript as soon as the page starts to load?
I am utilising this code from Dynamic Drive to create a drop down which loads a PHP page in a DIV. This all works great.
[URL]
However the content of my PHP page retrieves data from a SQL database slowly before loading completely. Is there anyway I can incorporate some 'Loading...' text into the script so the user knows not to click again.
I was thinking that I could set the Div's value to a html file with the loading data while the PHP loads and then revert to the other page. Is there a way of doing this?
I have a bona fide link to an academic website at Florida University where I want to check out an educational Java applet about the universe. I downloaded and installed the latest Java but all 3 browsers crash when I try to open the page. ( Mozilla, IE and Opera). I am not going to post the link here until asked to / given the go-ahead, but like I said, this is a legitimate university website. What keeps happening? Others can open it, I can't. And I have Java enabled in FF.