This probably already exists, but I am not sure what to call it to Google for it.
What I want to do is put a checkbox beside each thumbnail and product description on the section pages of the website. I want to put a "I Liked These" section at the top of the right column, and each time a user clicks a checkbox beside an item, add a copy of it to the "I Liked These" list on the right.
Is there something already out there I can start with, or do I need to code this up from scratch?
I have done a few improvements to the autocomplete module, to fix problems and improve functionality:
Added selectOnly option to autoselect a result if there's only one. This may save you a click. Moved the loading indicator to the left side, in case the field is rtl. Requires a small plugin I made, attached here. A css entry is being added to this effect. The included css file has this, but as opposed to the main autocomplete.css, colors are given as names.
Added substrings, and substringsSeparators. As opposed to multiple, which deals with a list of elements separated by a fixed string, substringSeparators is a string made of chars, that each and any of them provide a separator between autocompletable strings. It supports editing a program with a closed list of keywords, and operators and spaces as separators.
Added extraFields, a list of names or ids (if prefixed with #) of other fields to provide as fieldname=value params to the ajax query. In case names are provided, they are expected to be inputs in the same form as the input itself. More complex relationship may be found by adding suitable callbacks to extraParams, which I'd only ask to receive the $input and the key name as parameters.
I've got a list of modules, and when I click on one of them it expands displaying the content. When you expand them, a little image on the right changes from a down arrow (v) to an up arrow (^), but it's changing on all of the modules rather than just the one.
Here is the website: [URL]
It's pretty obvious what my question is; how do I get it so the image only changes on the module that you expand?
Here's the code for the moduleToggle function:
function moduleToggle() { $('.content').hide(); $('.title').click(function() {
I'm kinda stuck with jQuery. I generally write code in PHP and do simple stuff with Javascript. But I need to make an effect on a module of my page.
[Code]...
Is this even possible? I don't want/can't preload random content and have it hidden. I could probably do this the simple way with js. Emptying the old content and replacing it with the new random content but I need the animation. I'll keep "decoding" the documentation while waiting for a response.
I am using rockstories module in joomla for slide show. When I browse site with www, it works fine. But when I browse site without www, the image in slide show doesn't loads and I get a javascript error : Security error" code: "1000 [Break On This Error] var MooTools={version:"1.2.5",build:"0...")[1]); b.set("title","");}});}});})(); I am using mootools upgrade js.
i'm trying to make the module for users online in my website i've used ajax to call database and update the persons table with the status of the users when he enters or leaves the page here is my code in the <body> tag :
I had posted this issue previously regarding my Ajax site navigation module not loading correctly. It would load on certain parts of the site and not others. After some research I have discovered that I need to redirect from "www.mydomain.com" and make a call to "mydomain.com" instead. I thought a 301 .htaccess redirect would work but according to the site that sold me the template the script in my configure.php file must be changed. This is what configure.php looks like now.
I am wondering what has to be changed in the script so it will make the call the the correct domain so the ajax script will load on all parts of the site.
i want to make a module to swap ads randomly from folder named �ads� on the root like,, the advertising are either .swf, or .gif all that i need is to play the swf (when one is finished it starts the other one.. till the display of all swf's)..
[URL]
The folder �ads� is supposed to have 5 ads, when it finished number 1... it start randomly until it finish displaying all the advertising swf... i dont want to display only one of the five ... but display all in a random way..may be i have to know the length of the swf (in seconds ) and when it is finished i want to display the second and third .... etc
I am new to javascript and intend to build a custom library. After saving independent files which contain separate functions, how does one build the library?
I've got the following problem: i need to build a "progress bar" with JavaScript. So far i have the following configuration: i've got a DIV inside of a DIV. Each DIV has a style attribute that defines its width and other style information.
I need to calculate the size of the incremental block based on various factor like Width of the outside DIV, incremental interval and number of increments. My original solution was to assume that all of the units are in 'px' so i could just deal with integers. However now i hit a brick wall, when i realised that this is anything but scalable.
So what i need to do now is to obtain a width of the DIV from its style attribute (had it hard coded before), do the calculation, and then use the result to increment the size of the inner DIV (width element in the style attribute)...
I have a problem with new class implementation used with jQuery.in standard as far as I know my objects can be defined as follows:[code]will not work because 'this' refers in this case to results from xml....so how can I do it?How can I refer to property of the object PicturesList?
I want to create a 'go forward' and 'go back' link on each of roughly 100 pages. Rather than insert a hyperlink (a href) I would like to build it from an array or list, because the actual links may change. So I was hoping there may be a way to do something like this: link xxx.html+1 or xxx.html-1 I have no idea if this is even the right forum for this!
I am having a terrible problem with animation build up.have searched and found various codes to stop,but can't implement in the .js in a way that works.
var droplinemenu={ arrowimage: {classname: 'downarrowclass', src: 'down.gif', leftpadding: 5}, //customize down arrow image animateduration: {over: 200, out: 600}, //duration of slide in/ out animation, in milliseconds[code].....
I want to make a page that displays content based on values entered from a form... to be more precise; I have a div block - within that div is a header and paragraph. I want to present the user with a form to fill in both fields, then when they hit submit it will refresh the page and build out the div with their submitted content. (obviously what I intend to build is a bit more complex but this is the basis for it)
I want to limit to html, css, and javascript/jquery if possible.
My javascript skills arent mastery so I'll need to see it in action most likely to fully grasp how to.
I'm working on a project and I need some advice/help on how to build a slideshow using arrays in javascript. What I'm trying to accomplish is having an array of 16 different photos and a button that you can click to display the next image. When the last image is reached it will then start over at the first image. I can put all the photos in the array and I have created the next button but im not sure how to make the function.
does anyone know how I can build a regular expression e.g. for the string.search() function on runtime, depending on the content of variables? Should be something like this:
var strkey = "something"; var str = "Somethin like this";
I declare multiple variables halfway down the page. The number between "mech" and "Num" is generated dynamically in the XSL. Later on I need to reference that variable in a function, but I need to build the variable name in script. How do I convert it from a string reference to a ref to the global variable?
function changePreference(pos,mt){ //mt does not reference mech2Num, I need it to. } changePreference(2,'my' + pos + 'Num');
var mech1Num=1|2|3|4|5|6; var mech2Num=1|2|3|4|5|6; var mech3Num=1|2|3|4|5|6;
I have written an ASP.net app that pulls settings from a database. Part of the setting definition is a regular expression that I want to use on the client via JavaScript for data validation...
1) Sample code for the setting object: ---------------------------------------------------- function setting(id, name, validationPattern, validationMsg) { this.id = id; this.name = name; this.validationPattern = validationPattern; this.validationMsg = validationMsg; }
2) Sample code on the page that creates a new setting object: ---------------------------------------------------- setting(1, 'test', '^d{1,1}$|^d{2,2}$|^100$', 'invalid value');
3) The issue: ---------------------------------------------------- The setting object gets built just fine except the pattern argument gets escaped by javascript!!!
^d{1,1}$|^d{2,2}$|^100$
GETS ESCAPED TO
^d{1,1}$|^d{2,2}$|^100$ (Notice how the double is now a single )
Is there any way for me to preserve the pattern text as is?
I am just starting to use the DOM to do some more advanced javascripting so please be patient with my question if it is an ignorant question.
I would like to use the DOM to dynamically create an html table via javascript. While that table is being dynamically created in a javascript function I would like to dynamically insert text and a hyperlink with an image into each cell.
I got pretty far on my own. I was able to dynamically create a table and insert a string into each cell. However, I was not able to use the DOM to insert a hyperlink into each cell. I tried adding it as a new text node and got the text of a link rather then a link. I then tried adding and setting an anchor element but I got nothing. Code:
I'm trying to build a content slider with jQuery Cycle: [URL]
My code is here: [URL]
Basically I'm looking for a content slider with 4 slides, simple fade transition (1st slide fading in would be nice also), and each slide will link to a different page of my site. Basically this: [URL] (but with the addition of linked images...)
I'm having some problems creating a dynamic selector.I'm using the BeautyTips plugin and i can attach a tooltip to a div by using the id of the div, for example:
$('example2').bt({ // attaching to one element by id contentSelector: "$('#example2-content')" // this will return, as the tooltip's content, what's in example2-content });
I've got this XML file: <?xml version="1.0" encoding="utf-8"?> <Menu> <Section> <Title>Product Information</Title> <Topic url="howto.html">How to use This Product</Topic> <Topic url="product.html">Product Overview</Topic> <Topic url="sysreq.html">System Requirements</Topic> </Section> ..... </Menu>
There's more data than that but for brevity that's the way it's constructed and repeats with several Titles and Topics. Here's the JS I'm using to build a dynamic menu. The goal is to pick up the data and build an Accordion menu out of it: if (window.XMLHttpRequest) { xhttp=new XMLHttpRequest(); //create ajax var } else { xhttp=new ActiveXObject("Microsoft.XMLHTTP"); //IE } xhttp.open("GET","menu.xml",false); xhttp.send(""); xmlDoc=xhttp.responseXML; document.write("<div class='acc'>"); var x=xmlDoc.getElementsByTagName("Section"); for (i=0;i<x.length;i++) { document.write("<dt>"); document.write("<a href='#'>" + x[i].getElementsByTagName("Title")[0].childNodes[0].nodeValue + "</a></dt>"); document.write("<dd><ul>"); var y=xmlDoc.getElementsByTagName("Topic")[0].childNodes[0]; for (foo=0;foo<x.length;foo++){ document.write("<li class='acc_item'><a href='#'>" + x[i].getElementsByTagName("Topic")[0].childNodes[0].nodeValue + "</a></li>"); } document.write("</ul></dd>"); } document.write("</div>");
It creates the menu correctly... to a point. It has the correct styling, the accordion works perfectly, it has the correct Titles in the correct places, but when I "expand" one of the Titles it lists the first topic only, and lists it 5 times (the same amount of Titles I have). It then repeats this for every section. Example: Product Information How to Use This Product How to Use This Product How to Use This Product How to Use This Product How to Use This Product I'm not very confident in the syntax, or what it is exactly doing.