Interactive Category Picker/selector?
Sep 13, 2011
how one could create a category picker just like gumtree (preferably in jquery):Specifically the points How clicking on a category opens another to the right How clicking on a category appends a variable like "#cat-10201" into the url (and vice versa) How css lists are used instead of form select menus (making it easily styled) How clicking on a deep subcategory automatically preselects all parent categoriesI'm not looking for anyone to actually code it for me (that would be outrageous :p) but tips on how it's actually structured and steps on how it can be coded I can do PHP and I know CSS also
View 1 Replies
ADVERTISEMENT
Nov 3, 2009
We have a master list of hundred songs we can draw from in our database. I have already created a php / mysql / ajax (maybe not needed here) combination which populates the page with a table of a master list of items. Currently when the worship leader clicks on the name of the song it is moved to a new table, and then that list gets placed in a database and emails get sent to the appropriate people.
Two things I can't quite wrap my head around:
In the master list I would like to be able to get jquery to filter the master table by letter. i.e. songs starting with Q only with the added ability to show all again... Of course if the last song with Q was just selected the list should automatically go back to showing all. I was doing this with Ajax, but feel this is a waste as jQuery can handle this directly. After the list is in the new table I would like to be able to do something like: [URL].
View 1 Replies
View Related
Feb 4, 2011
i want to list car category name and car details in a single page but the result is car details are same for every category.
[Code]...
View 1 Replies
View Related
Feb 15, 2011
I need a date AND time picker
I've found plenty of examples of date pickers, but can't find any good time pickers
I found this link which seemed promising
But, the best example doesn't seem to work with my Wordpress installation. Not sure exactly what the problem is - maybe a simple CSS or maybe more involved and be a clash in Jquery code (only guessing)
(The best example I've found is.. but no luck trying to get it to work!)
View 8 Replies
View Related
Oct 12, 2009
i'm trying to create a tree menu, each time i click into a category it shows me the subcategories.My code works fine but i have some spaces between a category and his subcategories, it's not a css problem
[Code]...
View 6 Replies
View Related
Jan 1, 2011
I have been working on this navigation for something to do, and I cannot for the life of me figure out how to get the parent category. Here is an example of my navigation:
[Code]....
So it will produce a sub-menu with other jQuery that I worked out. So, what I am trying to figure out is when you click on "Project 003" I want JavaScript (or jQuery) to find what menu-item it belongs to, so in this case "#mi". I know I have to go 2 parents up (li, li), but I can't figure out how to get back down into the anchor to use the .attrib('href') function.
View 2 Replies
View Related
Mar 15, 2010
I have a multidimensional associative array in JS which contains category information for a navigation. It's actually set up through PHP, which pulls the info from a database then translates it into JS. I know it's set up correctly since I can see it in the source once the page is rendered. However, accessing this array causes external JS code (from my Slimbox files) to be displayed in the nav. It's as if the array is set up right, but accessing the elements brings in Slimbox code as the elements. It's very strange. You can see the effect here.
It's the secondary nav under Home, Featured Items, etc. Each token that is clickable is separated by an asterisk: [URL]. Notice the other page's navs work great! Try the jewelry nav on the Home page and the categories are set up fine. This is because other pages do not link to Slimbox. (And no, the site aint pretty because I wanted to get the hard stuff working before I work on the look). I've heard of jQuery interfering with Slimbox and Lightbox, but my nav is not using jQuery!
View 9 Replies
View Related
Aug 24, 2010
I'm looking for a script or applet that will allow users to search by zipcode or selected category for results. I would like something already built so I can just customize it to our needs. I'm sure it will need to have a database setup for it to work which I am fine with doing. I can modify scripts and files but I have no idea where to start with this from scratch.
We also use the same data for our "Layar" app for the iphone and driod phones. Has anyone messed with layar scripting and databases? We are using hoopala now which makes data entry simple but we cannot modify their database to add category options. It would be nice to find an alternative to hoopala so we could use one database for both the layar app and the zipcode/category search on our site.
View 2 Replies
View Related
Jan 4, 2012
I'm trying to set an option of a drop-down as active, regarding the category. I added the category name for this to the body class="category-XXXX-XXXX". What I need is something like an array to say:
if == category-AAAA-AAAA then option value=1 is selected
if == category-BBBB-BBBB then option value=2 is selected
if == category-CCCC-CCCC then option value=3 is selected
and so on. Unfortunately, I'm getting totally confused where to actually start and how to do that. I know, it is for sure out a line to ask for a finished script, but I'm sure someone can give me a hint, on how to do that.
View 4 Replies
View Related
Jun 4, 2011
My goal right now is to make a two-part navigation bar where you don't have to reload the whole site, when you click on a link. The navigation bar consists of two <ul> lists with <li> float:left and <a> display:block, so I basically have two lines. It's probably easier to understand if you see it for yourself: jsfiddle (had to change the css style, because I use .less but it works)
When you load the page it's just like that, you have your main category (A,B,C,D,...) and the sub-category (A1,A2,A3,...). What I want: If you click on B, the sub category changes to B1,B2,.... If you click on a sub category the site loads the requested page (with ajax = best solution?!)
My thoughts
At first I thought about just changing the name and href attribute of the second list, but the main categories have different amounts of sub categories, so I would need to add or remove <li>'s. Then I thought about using .load() but I somehow screwed up (of course) and the loaded <ul> doesn't have any css style (wrong order?) and I can't see anything. (with a loaded test.html site containing only the word "test" it worked) Is ajax "overkill" as a solution?
CodeIgniter and the URL
I use CodeIgniter (a PHP framework) for the website and URLs like this: www.example.com/maincategory/subcategory (e.g. example.com/A/A3) That's no problem at all, if I don't use any javascript and reload the whole site every time. But is it possible to change the URL with jQuery when the user clicks through the navigation bar? You click on B, the URL changes to example.com/B all the subcategories change to B1,B2,...When you click on B2 the URL changes to example.com/B/B2 and the site loads the requested page (I guess with ajax, so the navigation stays the same?!)
Minor problem: when you load the site, click on B, then B3 for example, you would get the url example.com/B/B3. If you now save this link, close the site and reopen it with the link, CodeIgniter would load the right site and everything, but the navigation would show A1,A2,.. in the sub category.
Hover vs click
Almost every page where I saw this kind of menu they used hover to change the sub category. But I thought click would be better, so you don't have to avoid touching B,C,D,.. if you want to go from A to A9 for example. Only downside is that you have to click before you see the sub categories.
Summary
A two part navigation menu you can use without reloading, changing URLs (when possible) and probably ajax to load the actual content.
View 2 Replies
View Related
Jul 27, 2010
I was hoping if someone could do this for me, basically I'd like to have a parentcategory. For example this one:''Remixes''
And when you click on it a couple subcategories slide down from under it. Like this
[Code]...
View 3 Replies
View Related
Jun 5, 2009
I'm trying to find an example of a country selector (which also provides a state selector if USA is chosen) then you cvan select the city, any samples out there?
View 2 Replies
View Related
Jun 22, 2007
Is there a way to create a bookmarklet that discerns the shift (or
ctrl) key state at the time the javascipt is launched?????
View 1 Replies
View Related
May 23, 2011
I need to create an interactive map similar to the one on this site: [url]
It is a map of a fictional area ( a real area but there are fictional buildings and characters on it) so I don't think google maps plugins are suitable.
In other words, I need a map where by clicking the objects on the map, a popup window pops up with additional information about the 'scene' or a 'character'.
In addition, the map will be dark from the beginning and more and more sites and characters will be revealed on it every week.
View 4 Replies
View Related
Jan 19, 2011
Has anyone implemented an interactive map using jquery? The general idea is that when the user hovers over a bullet on a selected city, it would bring up a lightbox type of thing, which would have multiple images in the lightbox which the user can then select and link to a seperate page depending on which image they clicked. Would this be possible using jquery or would javascript be required?
View 9 Replies
View Related
Sep 8, 2011
Are there any difference between class selector and ID selector
View 2 Replies
View Related
Jun 17, 2010
I would like to have an interactive table - that means that I would like to have table with option of editing it with <input>. Something like that:
<table border="1">
<tr>
<td>1234</td><td>2345</td>
</tr>
</table>
And when I will click on the text inside the table I would like to have option of editing it. How do that?
I tried somthing like that but it doesn't work properly:
$('td').html('<input value=' + $('td').text() + '>');
$('input','td').blur(function()
{
$('td').text($('td').val());
});
View 5 Replies
View Related
Aug 4, 2010
I am a novice jQuery user and I was assigned a job to create an interactive map for a website. I want to make a simple nap, but I have no idea where to start. I am trying to make a simple map (as attached) so when a user comes to a homepage, the map would be visible. Then when the cursor is rolled over the map, different states appear in different color and when clicked, the user is taken to another page. Sounds simple, but I cannot find any useful info.I do not want anyone posting any codes, I want to try to do it myself.
View 2 Replies
View Related
Jan 8, 2010
I'm looking for 5-radio button replacement. The user should be able to slide a slider between values from 0 to a 100. Text will appear under it that will say "I strongly agree" "I agree somewhat" "I am indifferent" "I disagree" "I strongly disagree" depending on the values of the slider (they should change in real-time). Unfortunately I do not have the skill to make one, especially one that has a good browser-compatibility. Does anyone know any good snippets? I'll keep searching on google and post back if I find one.
View 14 Replies
View Related
Apr 26, 2009
I am working on some web projects that make use of still frame images that are put together to create animations. These animations are then used as building blocks to create an interactive application, I am hoping to get input on a current project that was just completed by a javascript programmer I am working with.
I am looking for ways to make development of these types of applications more efficient in the future, I am considering using jquery or some other framework. I am very interested to hear anyone's input on this. Something I have been thinking of is making a "code repository" of sorts where snippets of code are saved for use in future projects that may require similar effects.[URL]..
View 5 Replies
View Related
Feb 11, 2011
I am evaluating client side web development tools for developing professional and stable Rich Internet Applications. What are my options in terms of technologies and the advantages and disadvantages of them.Also, can I just use HTML5 and CSS3 to develop my web 2.0/ RIA website?
View 1 Replies
View Related
Nov 19, 2010
i have working with an aplication and like you can see, by clicking in a line at the right, each one displays a different image. When the image is loaded, there's a javascript code for re-measurement, for adjusting to the available screen area.but unfortunately the result is the image is loaded at its original size. The objImage.src is well retrieved from AJAX, like i can test with the alert: the getsrc.php?id="+img opens a MYSQL query on the database and returns the matching path to the img id, which is set before.
View 9 Replies
View Related
Aug 3, 2005
I am trying to use xmlhttprequest to make my aspx page more interactive.
its a page with a slideshow where the user can rate the pic, send a comment of this pics and other stuff...
when the user rate or comment a pic, the server side script works properly, but when im going to work with the response (xmlhttprequestObject.responseXML), it all screw up...
this is some part of my scripts: Code:
View 1 Replies
View Related
Mar 2, 2011
What I'd like to make is: a button, when rolled over, opens a world map over the page... each continent on the world map is a rollover, and that rollover reveals a list of company locations in that area.
View 13 Replies
View Related
Oct 22, 2005
I have an excel sheet with a graph and cells.If i change the value in
the excel cells the graph will reflect.Now i am going to implement this
functionality in html page.I successfully saved this as interactive
html page.Now my requirement changes a bit.The excell cells will not
visible to others.i have a text box,If i change the value in text box
the excel template cell value need to change.
I did the follwing steps for creating interactive html page
1.go to and click save as webpage link
2.selected selection:sheet option button .
3.click the publish button.
View 2 Replies
View Related
Oct 22, 2005
I have an excel sheet with a graph and cells.If i change the value in
the excel cells the graph will reflect.Now i am going to implement this
functionality in html page.I successfully saved this as interactive
html page.Now my requirement changes a bit.The excell cells will not
visible to others.i have a text box,If i change the value in text box
the excel template cell value need to change.
I did the follwing steps for creating interactive html page
1.go to and click save as webpage link
2.selected selection:sheet option button .
3.click the publish button.
View 5 Replies
View Related
