Let Users Who Want To See Portfolio Click On A Button And The Portfolio Page Slide Over Index Page
Nov 29, 2011
My project is stated in the title, I want to let users who want to see my portfolio click on a button and the portfolio page slide over my index page. Ex. at www.visumdesignz.com over to the left is a button that says portfolio. when you click on it an extruder pops out, I used the extruder for another function, I decided I didn't want that function, but it gave me this idea. I want the extruder to slide over all of the content.
I noticed the facebook app has a similar function to what I am looking for, take a look at it, when you are looking at your dashboard the news feed slides off to the side, that's a similar idea, even though this isn't mobile, you get the idea, at least I hope.
View 5 Replies
ADVERTISEMENT
Sep 11, 2010
I would like to have an effect like the one seen when one hovers over the portfolio items in this site [URL] what is it called?
View 2 Replies
View Related
Sep 18, 2011
how our what this site did to create the portfolio they have, I am a nebbie at this so maybe you could put me in the right direction I would like to create a sliding portfolio alot like this one here: [URl]
View 1 Replies
View Related
May 16, 2009
I wish to display a list of people on my website. These people are speakers who have different talents, or features. Male, female, high voice, low voice, german, english, persian, austrian ... a whole bunch of people. And I want to let my user use checkboxes to narrow down the speakers he could use for his production.
Here's the output filtering list (not complete, just rudimentary while I try to make it work)
<div id="filter">
<form>
<input name="speakerpool" class="checkfilter" type="checkbox" value="male" checked /> male<br>
[Code].....
My problem : I want to start with all checkboxes selected, showing all the people in this speakerpool, then narrow down as checkboxes get unchecked. This works well with combinations such as ".male .voice-low" which effectively removes all females and the other voices, I found here where I learned that is(".class1,.class2") is different to is(".class1.class2")
But, if I say, I want all english speakers, no matter if male or female, and I check male and female, I get none, since there is no speaker that is both male and female. At least not that I know of
Same issue with the voice-levels: most speakers either speak high or low or medium, yet I'd want to be able to check all those and get a comprehensive list, then.
My Question : Is there a way I can separate classes into class-groups or something? Maybe use prefixes like "sex-male, sex-female, language-english, language-german" and jQuery then uses the prefixes to check if they're supposed to be additive (?) or exlusive.
View 2 Replies
View Related
Jul 1, 2009
My problem arises when I use this to access the portfolio section. The portfolio section doesn't seem to work. If you head over to http:[url]... , you can see how the section should render and how a person can use the scroll feature, however, when the content is loaded using jQuery, it doesn't function properly.Additionally another problem i'm realizing is the delay of the content. For example, if you are on the contact page and then click on downloads, the content will slide left and then slide back right when the content is loaded. However the problem i'm seeing is the delay in the content loading meaning that the animation will finish and the content will then load.A second or two delay. I've tested it in multiple browsers and seeing the same problem. Surprisingly the only browser i'm not seeing this in is IE6.
View 3 Replies
View Related
Mar 20, 2011
I'm trying to build a web portfolio and I want to be able to load content into a div by clicking on menu items. It seems easy but none of the tutorials or videos work for me. It really hard because all the links on my google search have been visited and still nothing works.
View 3 Replies
View Related
May 6, 2009
I am using a very simple search-type page to enable users to input a model number and its page appears in a inline frame. Its not a true search as it is simply relying on a person entering the correct html page name to find it. But this works perfectly in my application.The problem I have is that I cannot get the type box to accept enter key as a submitt, only a click of the mouse will submitt the request. If enter is pressed the box loses the users input but no action is taken.I think this may be a javascript issue. I have posted the code below.
[CODE]
<html>
<head>
[code]....
View 2 Replies
View Related
Aug 22, 2010
I have the code for a javascript slider in my header. It is supposed to slide a menu out to the LEFT of the facebook icon at the top of my page. Unfortunately....this is not the case. Here are the 2 issues happening. I think they are both related to the javascript, but I do not know enough about it to fix it. [URL]
The attached pic shows what the alignment of the icons, is supposed to look like (my nav menu is pushed down a few pixels, as well). Here is what the sliding menu is supposed to do (top right menu in the white part of the page) [URL]
View 24 Replies
View Related
Mar 28, 2009
I have developed a new site in PHP.Its done using modules and call each page in index page :[URL]... But my client want a color change on the current page select. So how can I do it using JS ?
View 2 Replies
View Related
Dec 11, 2003
what i want to do is on the button click of a PHP page(selectcustomer.php) i want a popup screen that will contain customer names pickedup from the database... now when i will click on a customer from that popup screen. the selected customer will be now coppied in the text box of "selectcustomer.php"
View 2 Replies
View Related
Jul 10, 2007
I've seen websites that had large flash ads that covered content on pages that, after they had run, resized or disappeared.
We would like to use the technology behind that (presumably JavaScript) to show and hide an intro flash on a home page. We would like to have a "close" link on the flash also.
I have searched Google and here but haven't found any good resources and many of the sites I have seen using the technology are no longer using them. I just need a little assistance on the JavaScript part of the puzzle.
We want the flash to start over the copy on the page and then roll out softly when it's done playing, revealing the content below. Code:
View 1 Replies
View Related
Oct 6, 2009
Code:
<script type="text/javascript" language="javascript">
function thatpage(){
document.URL="byte.html";
[Code].....
Don't know why it doesn't work. Where is the error? Where should i edit?
View 2 Replies
View Related
Mar 3, 2011
Can somebody tell me why the button at the bottom of the page will not alert upon click [code]
View 1 Replies
View Related
Aug 23, 2005
I want to be able to click on a checkbox (or a radio button) and have it reload the page, but also keep the item selected. The code I currently have reloads the page but does not check the checkbox or select the radio button. The code is:
<form name="myform" method="post" action="thispage.htm">
<input type="checkbox" name="checkbox" value="checkbox" onClick="javascript:window.location.reload()">
</form>
View 5 Replies
View Related
Nov 16, 2010
I recently added a section to my website that uses the Scrollable JQuery tool to load images from my Flickr account. When I initially load the page the "next" button requires two clicks before it will advance to the next set of images. This only happens on the first attempt following the page load. When I look at the code it appears that Scrollable fires an event on the first click that removes the "disabled" class on the "prev" anchor tag. It appears to skip the slider event that scrolls the images. You can view the issue here: [URL].
View 2 Replies
View Related
Apr 28, 2011
I'm trying to make it so that when a user clicks on a radio button, the image that is related to the radio button is displayed next to it (without reloading the page). At the moment all it shows is the image related to the currently saved option, which I'd like to keep on page load. Is this possible?
Here is my code for the radio buttons.
View 3 Replies
View Related
Nov 6, 2009
I have a credit card donation page and what I wanted to do is after they click the submit button and transaction is successfult I wanted to capture the donation amount they enter from the donation page and show it to the next page.
View 2 Replies
View Related
Aug 8, 2011
My programme is to let people play roulette wheel, record their choice of bet, amount of bet, result of bet, number of bets, bet limit. I would like these data being posted to myqsl each time the person bet, without the disruption of page refreshing. I have code as below, but it does not work. There is no error msg, just no data could be inserted.
>>>>>>result.html
input name= "spin" id="spin" type="button" value="spin"onclick="spin();postRecord()">
....
function postRecord() { $.ajax({ type:
[Code]....
View 2 Replies
View Related
May 18, 2010
i m working on a website. in which i m using a page which calls on index.php after that web address is called. as it has JS function which make index page open in popup. what i wanna do is now is that if someone (as many of us know root page 90% is index.php), if anyone enter index page directly. JS should check if that person came from redirect.php or not. if not, he will have some sort of error msg.
View 1 Replies
View Related
Jul 20, 2010
Can JQuery toggle be use to switch divs on page load instead of having to click a button to start the action? What would I have to write in the header to make this happen if this is possible?
View 2 Replies
View Related
Aug 20, 2011
How you handle back button scenario in firefox browser. The problem is when i click browser back button , the javascript on load is not executed and page is rendered from cache.
View 1 Replies
View Related
Sep 25, 2010
how to disable users from downloading the page?? (clicking 'save page as'.. and then error)
View 4 Replies
View Related
Feb 25, 2003
I have a site up and running called www.kalahari.co.za which points to www.kalahari-adventures.co.za As the business depends on adventurous people seeing images of the place, the bigger the better. So I have designed the site to show one static background pic to each page. I sorted out a problem of different browsers by have a hidden index page that looks at the monitor a viewer has and decides that if you have a 1024 x 768 monitor it then opens a page index1024.htm that has the appropriately sized background pic.
Now I said to my client he would get better search engine ratings if we created 3 sites and the existing site is spread over those sites. Anyway I have done all that only to discover from High Rankings Advisor (highrankings.com that search engines have now cottoned onto this (competitors complaining I suppose). But I'm going ahead anyway.
My problem is that I have put all my keywords and descriptions on the 1024 pages. But if a person sees that page in a search engine clickt to view it and has a 800 x 600 monitor then my script is not going to work.
I have tried putting my index page script onto all the pages (see script below), but when I open a unique page it looks for the index page in the folder where that doc is situated. I suppose a quick and dirty would be to direct the viewer back to the index page which will then activates the scrpt (see below) that checks for the right monitor size.
I would prefer the viewer to stay on page. So If someone who knows Javascript can rewrite the script so that A) it looks at the name of the page. And B) once it sees that page's name it has to then look for that same page in the appropriate folder and open that page. (folders are docs800, docs1024 and docs1624)
The problem is that I can't have the same index page script because at the moment if the script is on the page I am trying to open, it loops forever.
How do I sort this out?
This is the present script on the index page.
<script language="JavaScript">
<!--// hide bad old browsers
var s800x600page = "index800.htm";
var s1024x768page = "index1024.htm";
var s1152x864page = "index1264.htm";
var s1280x720page = "index1264.htm";
var s1280x960page = "index1264.htm";
var s1280x1024page = "index1264.htm";
var pagetype;
if ((screen.height == 600) && (screen.width == 800)) { pagetype = 2; }
else if ((screen.height == 768) && (screen.width == 1024)) { pagetype = 3; }
else if ((screen.height == 864) && (screen.width == 1152)) { pagetype = 4; }
else if ((screen.height == 720) && (screen.width == 1280)) { pagetype = 4; }
else if ((screen.height == 960) && (screen.width == 1280)) { pagetype = 4; }
else if ((screen.height == 1024) && (screen.width == 1280)) { pagetype = 4; }
else { pagetype = 2; }
if (pagetype == 2) { window.location.href = s800x600page }
else if (pagetype == 3) { window.location.href = s1024x768page }
else if (pagetype == 4) { window.location.href = s1152x864page }
else if (pagetype == 4) { window.location.href = s1280x720page }
else if (pagetype == 4) { window.location.href = s1280x960page }
else if (pagetype == 4) { window.location.href = s1280x1024page }
//-->
</script>
I design but programming is still in my dreams ...
View 9 Replies
View Related
Jun 20, 2004
just wanted to know if there is a way to insert a code that shows how many users are viewing your page using javascript? i.e. 3 Users Online
View 4 Replies
View Related
Nov 23, 2010
I am looking for some code to redirect all of the IE users to my blog instead of my main page.
View 14 Replies
View Related
Jun 9, 2010
I am working on a page that will load in other pages using AJAX and the .html method. Something like this :
<span id = "edit">Edit</span>
<div id = "cont">
</div>
//the click edit script
[Code]....
Unfortunately this does not seem to work, entirely. It does trigger the click event but it messes up the post for some reason. I have played around with it for the last 45 minutes or so and it seems like the click event trigger is what is messing things up, if I comment it out it works fine. Could anyone tell me why they think this is? note this is an over simplified version of my actual code, but the structure is the same.
View 2 Replies
View Related
