Jquery :: Sliding Content (Whole Page) Website
Jan 10, 2010
I want to create a simple portfolio site using the following tutorial: [URL]. However, instead of the small panel I want the whole page to slide, example: [URL] how can this be achieved?! I don't really have a clue about javascript.
View 1 Replies
ADVERTISEMENT
Apr 7, 2011
I thought this would be easy but I'm stuck and I can't describe what's really simple so I've drawn a diagram. [URL]. I have a div containing an image like 1 in the diagram. I only want to show the top of the image like 2 in the diagram. When I hover over the div I want the image to scroll up to show the bottom of the image like 3 in the diagram. [URL].
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"[URL]">
<html xmlns="[URL]" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>untitled</title>
<style type="text/css" media="screen">
*{
margin:0;
padding:0;
}
#wrap{
margin:50px;
width:700px;
}
ul{
list-style:none;
}
</style>
</head>
<body>
<div id="wrap">
<ul>
<li><a href="#" id="one"><img src="img.gif" width="250" height="200"/></a></li>
</ul>
</div>
<script src="[URL]"type="text/javascript"></script>
<script>
$('li').hover(function(){
$(this).find('img').animate({top: + (-200) + 'px'},200);
})
return false;
</script>
</body>
</html>
View 2 Replies
View Related
Jul 27, 2009
Using the following code example from Scott Robbin, which simply allows for separate html pages to slide in and out of the one screen, I wanted to expand this by sliding in some DHTML.
Here is the page-sliding code used: [url]
DHTML animated code: [url]- [url]
But, at best, only the images show, placed still and next to each other. As you will see the DHTML is a rotating set of imagery. Something in the page-sliding code seems to be preventing that DHTML animation from displaying as it should. Like I said the images will be recognised, but they don't display - I've even tried hard linking to the images.
Here's my page: [url]
Here's the page which I have on my server, the one I would like to have slide in: [url]
To see the sliding animation click the bottom "What cachet does" option that slides the right hand pane in.
View this message in context: [url] Sent from the jQuery General Discussion mailing list archive at [url].
View 2 Replies
View Related
Sep 13, 2011
If slideToggle()'s parameters were expanded to include a separate callback for sliding up and sliding down. Or for backwards compatibility, perhaps include an optional boolean parameter in the callback to more easily discern between a slideUp and slideDown operation.
View 1 Replies
View Related
Apr 7, 2011
I have a div containing an image like 1 in the diagram I only want to show the top of the image like 2 in the diagram When I hover over the div I want the image to scroll up to show the bottom of the image like 3 in the diagram It seems really simple but I'm completely stuck
[Code]....
View 1 Replies
View Related
May 30, 2010
I think right now jQuery slideDown() will show the content bit by bit (line by line) of that DIV, showing top content first, and then little by little, the content below it...
Is there a way to actually slide the *content* down as well? In order words, showing the bottom of the DIV, and then it will move down, a little by little, and then show more of the content above it.
View 1 Replies
View Related
Jan 8, 2012
I want to develop a multi-tab browser plugin, which requires all links in a page could open in new tabs within this multi-tab browser plugin. It's very similar to Multi-Tab functions of Firefox/IE, when opening a page in one tab, then any links in that Tab will open in another new tab(after setup from pref), i want to know this principle(how to implement this). I am thinking try this:$('a').click(...), while i am not sure whether it's good/enough.
View 5 Replies
View Related
Dec 16, 2011
I'm searching for a crossbrowser script to zoom in/out the full website content (not text only). Who can provide me a link to that kind of script?
View 7 Replies
View Related
Oct 6, 2010
whenever I put it onto my page it will not show up. what I need to add?
[Code]..
View 18 Replies
View Related
Mar 29, 2010
OK I'm terrible with Javascript so I'm hoping this is actually really easy for someone else. I need to have the content of a website passed into a variable. The website content that I need to get is simply a number. I've looked at a few different AJAX examples but I had a hard time understanding what was going on. Could someone show me an example that specifically passes website content into a variable. Nothing needs to be done to the content as it is in plain text without any code that needs to be stripped off or anything.
View 10 Replies
View Related
Feb 17, 2010
Everything is working fine, except I cant get it to work on page load, regardless of the line you should just comment out to get it to work I have tried playing around with the code over the last couple of days, but I just dont know enough about JvaScript to get it to work
View 2 Replies
View Related
Jun 14, 2011
how to create a slideshow with javascript. The type of slideshow I'm talking about is a popular type that companies are now using. Basically there are 4-6 buttons. When the landing page is static, the images just switch and slide across but when you click each button it will go to that respective slide. Here are website with examples:
[Code]..
View 1 Replies
View Related
Mar 18, 2010
I have content in hidden (invisible) DIV elements on a page that I want to load into another DIV element on same page. I need to replace content currently in a DIV with that coming from another DIV. DIV ontent could be a P element or a P and IMG element.
View 4 Replies
View Related
Jan 30, 2010
I was wondering if anyone knows how you would create a link when clicked will change the width of the content.
I have a feeling this will use jQuery?
E.g.
A link saying 'expand' will change the width of the body to 1000px and change the link to 'contract'.
When the link 'contract' is clicked it will change the width back to 800px and change the link to 'expand'
View 3 Replies
View Related
Sep 25, 2009
What script is being used to perform the sliding drop down panel for logins at the top of this page: http:[url]....
View 6 Replies
View Related
Dec 18, 2011
I am trying to use 2 different jquery plugins on the same page of website. I can get one to work at a time, but not both at the same time. The plugins are a Countdown and Slider.I am a graphic designer, with very little javascript experience. The red code is for the Countdown and the blue code is for Slider
<!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].....
View 2 Replies
View Related
Sep 6, 2010
Im building a website with a music player, the problem is that when you go to an other page the music player reloads and starts over.
Thats why im looking for a script that allows you to control a divs content. it is being used on this website: [url]
View 5 Replies
View Related
Feb 16, 2011
I am pretty new to jQuery and my programming skills are almost non-existent.
But I was wondering; is it possible to create something which will load a page (or php include) when the website has been fully loaded with a loading bar?
The reason why I want this, is cause I am building a website and it will have a ping (to severs) script, but it takes a "long" time to load (depending on the servers that are being pinged). So it can take anywhere from 2 or 3 seconds to 10 seconds (or even more). So it would be nice that first the website would be loaded completely and when that's done, it should load the ping script and show that it's loading with a loading bar.
Is this possible and easy to do?
View 4 Replies
View Related
Dec 11, 2011
I am looking for some jQuery plugin or tutorial which can offer me page transitions similar to [URL]...
View 1 Replies
View Related
Oct 29, 2011
the page url is
Code:
`http://example.com/index.php?main_page=index&Path=<?php echo $_GET['Path'];?>`
there are some contents on the page:
[code]...
View 1 Replies
View Related
Nov 30, 2010
I have a ajax program on a page on website A. And I need to let it talk to a program on website B. I tried to put website B into the url of the parameter but it doesn't work.It gives me a "[objet XMLHttpRequest]" error.here is the code on website A:
[Code]...
View 1 Replies
View Related
Oct 5, 2010
I have a sliding vertical menu in my page in the left side and in the right side i have a text say for eg: Home.
So when i click on home, i need the left side vertical menu to slide and open and the home in the left side should get highlighted. How do i do this in javascript?
View 1 Replies
View Related
Sep 15, 2010
I've taken over a website and it's programmed using asp. I have no knowledge of asp and now my client wants me to add a splash page to the website.
View 23 Replies
View Related
Feb 20, 2009
I am trying to add a page to my website which will display my latest twitter updates.
Twitter offers a widget that will do this and I am trying to use it. Here is the code snippet that I have added.<
div id="twitter_div">
<h2 style="display: none;" >Twitter Updates</h2>
<ul id="twitter_update_list"></ul>
<a href="http://twitter.com/ourvalley" id="twitter-link" style="display:block;
[Code].....
I am thinking possibly another script
Here is the link to the page [URL]
View 2 Replies
View Related
Aug 4, 2010
how to make a particular website their default home page when they click the button "Make this site your homepage" using javascript. This sample code works in IE, but other browsers doesn't know this code.
this.style.behavior = 'url(#default#homepage)';
this.setHomePage('http://localhost/getuptodate/php/getuptodate.php');
how to do this stuff on other browsers. I've research on this but still can't find good codes that do something like the code mentioned above. Others are redirecting the users to do something to make the website their home page.
View 1 Replies
View Related
May 23, 2011
Can you give me an iframe code that will display another page in my website. For example, I want to display specifically the login area of facebook. let say 100px by 40px. Then, when someone logged in their account it will change view to the center of the facebook and change to 500px by 700px. is it possible?
[Code]...
View 2 Replies
View Related