Build An "I Liked These" JS Module?
Apr 11, 2010
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?
View 7 Replies
ADVERTISEMENT
Sep 9, 2009
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.
View 1 Replies
View Related
Sep 24, 2010
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() {
[Code]....
View 3 Replies
View Related
Jan 18, 2011
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.
View 3 Replies
View Related
Sep 19, 2011
I have a question for using checked selector does not work well.Here is my code:
$("input").click(
function(event) {
var id = $(":checked").val();
[code]....
View 1 Replies
View Related
May 3, 2011
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.
View 2 Replies
View Related
Jun 27, 2011
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 :
<body onload="javascript:UpdateUserStatus(<?php if(isset($_SESSION['user_id'])) echo $_SESSION['user_id']?>,1)" onunload="UpdateUserStatus(<?php if(isset($_SESSION['user_id'])) echo $_SESSION['user_id']?>,0);">
[Code]...
View 7 Replies
View Related
Jul 7, 2009
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.
<?php
define('HTTP_SERVER', '[URL]');
define('HTTPS_SERVER', '[URL]');
define('ENABLE_SSL', 'TRUE');
define('HTTP_COOKIE_DOMAIN', 'mydomain.com')
define('HTTPS_COOKIE_DOMAIN', 'mydomain.sslpowered.com/mydomain.com/');
define('HTTP_COOKIE_PATH', '/mydomain.com/mysite/catalog/'); .....
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.
View 1 Replies
View Related
Jul 12, 2009
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
View 1 Replies
View Related
Aug 16, 2006
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?
View 2 Replies
View Related
Jul 23, 2005
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)...
View 1 Replies
View Related
Jan 13, 2011
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?
View 1 Replies
View Related
Jun 28, 2010
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!
View 1 Replies
View Related
May 9, 2011
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].....
View 1 Replies
View Related
Mar 15, 2010
Is it possible to build a forum using Java-Script and HTML??
View 3 Replies
View Related
Nov 18, 2010
Can we build a treeview which is bound to an XML using JAVASCRIPT and add/delete/modify nodes?
View 1 Replies
View Related
Nov 11, 2011
[URL] This site has a filter on it to sort by different industries. I see there is a lot of CSS done with it but not sure exactly how they built it
View 7 Replies
View Related
Oct 22, 2010
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.
View 4 Replies
View Related
Nov 16, 2010
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.
View 1 Replies
View Related
Jul 23, 2005
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";
if( str.search( / + strkey + / ) > -1 )
{
...
}
View 9 Replies
View Related
Jul 23, 2005
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;
View 7 Replies
View Related
Jul 23, 2005
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?
View 2 Replies
View Related
Jul 23, 2005
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:
View 5 Replies
View Related
Dec 15, 2011
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...)
View 3 Replies
View Related
Mar 10, 2010
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
});
View 1 Replies
View Related
Feb 8, 2010
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.
View 1 Replies
View Related
