How to Correctly use jQuery Scripts on the Website ?

134 100+

Hello,

I was recently reading over some cool jQuery tutorials and I decided to try and use one of them. But when I tried it it did not work. I think I did something wrong to apply it.
I will be using following tutorial as an example:
http://shakenandstirredweb.com/240/jquery-moreless-text

Alright to apply this tutorial I do the flowing:
I place this in <head> of the document

Expand|Select|Wrap|Line Numbers

 
<script type="text/javascript" src="js/jquery-1.6.js"></script> 

<script type="text/javascript" src="js/more-less.js"></script>

This links to jQuery library and file that contains jQuery script from the tutorial.
Than in <body> section I put this (as shown in tutorial)

Expand|Select|Wrap|Line Numbers

 
<div class="more-less">

    <div class="more-block">

        <p>I put long long content in here</p>

    </div>

</div>

All that done and it is not working, you can see what I have got doing that here > inelmo.com
So what do I do wrong? What is the right way to use jQuery scripts from tutorials? Thank You )

May 8 '11 #1

Subscribe Post Reply

2277

johny10151981

1,059

1GB

Not much idea for your problem. But it seems you had only included jquery file. but where did you call the fucntions?
what do you want to do?
how do you want to do?
more-block from where you get this class? i dont see any css file that has this definition...

May 9 '11 #2

ilya Kraft

134

100+

Hi, thank you for reply.
I guess I needed to include more information.
I mentioned this tutorials as example, if you see it you can get the idea of what I want to do.
http://shakenandstirredweb.com/240/jquery-moreless-text
So I will paste the jQuery file from tutorial, I guess My problem is that I did not call the function - So how and where do I call it? - the more-block is used by jQuery function from tutorial. Here it is:

Expand|Select|Wrap|Line Numbers

 
$(function(){
 
// The height of the content block when it's not expanded

var adjustheight = 80;

// The "more" link text

var moreText = "+  More";

// The "less" link text

var lessText = "- Less";
 
// Sets the .more-block div to the specified height and hides any content that overflows

$(".more-less .more-block").css('height', adjustheight).css('overflow', 'hidden');
 
// The section added to the bottom of the "more-less" div

$(".more-less").append('

[…]
 
');

// Set the "More" text

$("a.adjust").text(moreText);
 
$(".adjust").toggle(function() {

        $(this).parents("div:first").find(".more-block").css('height', 'auto').css('overflow', 'visible');

        // Hide the [...] when expanded

        $(this).parents("div:first").find("p.continued").css('display', 'none');

        $(this).text(lessText);

    }, function() {

        $(this).parents("div:first").find(".more-block").css('height', adjustheight).css('overflow', 'hidden');

        $(this).parents("div:first").find("p.continued").css('display', 'block');

        $(this).text(moreText);

});

});

I included this code in more-less.js file which I included after jQuery library.

May 9 '11 #3

JKing

1,206

Expert 1GB

You have an error in your javascript.

This is the offending piece of code Line 14-17 in your more-less.js

Expand|Select|Wrap|Line Numbers

 
$(".more-lesss").append('

[…]
 
');

Put it all on one line and it should solve your problem

Expand|Select|Wrap|Line Numbers

$(".more-lesss").append('[…]');

May 9 '11 #4

by: liketofindoutwhy | last post by:

I am learning more and more Prototype and Script.aculo.us and got the Bungee book... and wonder if I should get some books on jQuery (jQuery in Action, and Learning jQuery) and start learning about...

Javascript

jQuery Query about comparing jQuery references

by: Aaron Gray | last post by:

There does not seem too be anyway to test if two jQuery references are the same element. Given :- ... <div id="1"></div .... Then :- alert( $("#1") == $("#1"))

Javascript

Is jQuery worth a second look?

by: RobG | last post by:

Do some of the regulars here need to re-think their (sometimes strident) opposition to libraries? Both Microsoft and Nokia have announced support for jQuery. It seems to have gained quite a bit...

Javascript

Help Jquery: unable to register a ready function

by: souporpower | last post by:

Hello All I am trying to activate a link using Jquery. Here is my code; <html> <head> <script type="text/javascript" src="../../resources/js/ jquery-1.2.6.js"</script> <script...

Javascript

jQuery LocalScroll hash problem - unexplained scrolling when page has Scrollbar

by: metaphysics | last post by:

I am using a jQuery script called LocalScroll, and I have a quick problem that needs fixing. The demo for the script is here: jQuery.LocalScroll - Regular Demo, and the documentation is here: Ariel...

Javascript

How to use / combine 2 jquery scripts that use two different datatypes

by: fjm | last post by:

I have one jquery function that submits data via a datastring to my server. This works great. On success, I currently have a little alert box that lets the user know that the data was stored. I...

Javascript

simple toggle with css & jQuery giving jerk in IE

by: neovantage | last post by:

Hey all, I have integrated a simple toggle with css and jQuery in website but it gicving jerk in IE when it hide the content. Here is the URL of the website. And it is integrated in Right Link...

Javascript

How to upload Mutiple files with jquery file upload plugin

by: amskape | last post by:

hi Friends, I need to Upload some files in a Listing , by clicking corresponding Upload link, then a popup window will come with Browse option as Shown in attachment File. My actual need is...

Javascript

multiple jquery script conflict?

by: omar999 | last post by:

hi guys i really dont understand where i am going wrong.I've read countless articles including http://blog.nemikor.com/2009/10/03/using-multiple-versions-of-jquery/ but still having trouble with...

Javascript

Easy Steps to Fix "Canon Printer Won't Connect to WiFi Network"

by: taylorcarr | last post by:

A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...

General

How to turn on java script in a villaon keypad mobile phone

by: Charles Arthur | last post by:

How do i turn on java script on a villaon, callus and itel keypad mobile phone

Java

Migrating Website to Cloud - Emmanuel Katto

by: emmanuelkatto | last post by:

Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel

General

Navigating the Data Structures and Algorithms (DSA)

by: BarryA | last post by:

What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...

Algorithms / Advanced Math

Looking to do Android software development, any suggestions? Is flutter better?

by: nemocccc | last post by:

hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?

General

Is that possible of reading the .csv file in column wise and the column have different lengths ?

by: Sonnysonu | last post by:

This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...

C / C++

How to build RAID in BIOS?

by: Hystou | last post by:

There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...

Computer Hardware

What is ONU?

by: marktang | last post by:

ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...

General

Problem With Comparison Operator <=> in G++

by: Oralloy | last post by:

Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...

C / C++

How to Correctly use jQuery Scripts on the Website ?

Similar topics