I'm just learning jquery an have an issue. I have a page, product.php, that is set up with unique urls depending on the product clicked. So, product.php?id=15, but in my PHP code, because I'm pulling from my database, it appears as product.php?id=$id. I am trying to get jquery to load that page, but with the unique id.
[Code]...
I'm trying to pass a var via object to .load() ... .load(URL, {"myname":var}, function) { ... This will not work unless the var is in quotes and therefore not a variable anymore. I want to be able to use a form to feed data to the program that loads the data.
View 8 Replies View RelatedI cannot seem to get this code to work properly and I'm wondering if it's a simple error in usage.I have a html page that calls a PHP and refreshes a DIV section every 10 seconds. So far works like a charm...but now I want to add some parameters to pass to this script...
Code:
$(document).ready(function() {
$("#DTable").load("response_query.php");
var refreshId = setInterval(function()
[code]....
So I added the ?a=aaa,b=bbb,c=ccc, randval='+Math.random()); to the load section and then in my PHP script got the $_GET values . but nothing seems to get passed so I'm wondering whether I have used or incorrectly passes these parameters to the script.
I have been trying to figure this out for a while, and I cant manage to get it working. I have a table for instance the one below:
<tr>
<td><input type='text' id='test_value[]' .... /></td>
<td><input type='text' id='test_value2[]' .... /></td>
<td><input type='text' id='date[]' onclick ="testfunc(this);" .... /></td>
</tr>
Within my function I can grab the index of the onclick no problem, but when I select the date from the date picker, it always select the first column.
testfunc(val)
val.parentNode.parentNode.rowIndex
I am using clone to create multiple instances of a row, but how can I use non-unique id (date[]) which all my X rows have the same name, to unique enter the datepicker value.
I am trying to loop through my top level nav i.e <ul> <li> and then apply that class name to teh sub level menu of that particular top level. So essentially the clas name on the top <li> wil be applied to its sub level items. Here is my code, which isn't working at the moment:
$(document).ready(function(){
var pageID = $('body').attr('id');
var uniquePageID
uniquePageID =$("#site-nav ul li",this).attr('id');
[Code].....
I am using MVC3 with razor and binding dropdownlist with a listNow issue is @Html.DropDownListFor(model => model.Result, new SelectList(Model.Result.OrderBy(item => item.Enhet), "EnhetID", "Enhet"), "ALL")in Enhet i am getting 3 values Nitin NA NAI want to make sure that values are always unique, how can i remove duplicate values.
View 1 Replies View RelatedI'm interested in getting an array of unique class names of all option tags under a specific select element. I'm imagining something like this (which does not do what I want): $ ( '#select_id option.class' ); What's the correct way to do this using jQuery?
View 3 Replies View RelatedLet's say you have two elements, and you know their IDs; is there a way to select them both at the same time; something like $('#test #test2')?I realize I could just select them both on two different lines and apply the same function, or use class or something to track them down; but sometimes I just want to grab two elements by ID and do the same thing to them. I assume I'm just missing the syntax.
View 1 Replies View RelatedMy problem is that im using jQuery to replace the bb tags in a message. I want to replace all the [youtube][/youtube] with a youtube video and so far it works only if there is only 1 [youtube][/youtube] tag. If there is multiple [youtube][/youtube] tags in a message they change all of them to the same video.[code]
View 2 Replies View RelatedI see that the cluetip plugin project is on github so, perhaps at some point I'll be able to try implementing this feature myself, and submit a pull request. My team is using the cluetip plugin in a rather exceptional way. Rather than a tooltip like msg bubble that appears on mouseover, we show the cluetip on page load and require the user to dismiss it. We're using these cluetips to communicate new features on our site. After looking at available jquery plugins, cluetip seemed to be best suited for this use (all be it, a rather exceptional use).
The current design allows for this use with just a bit of css work but it limits us to one cluetip visible on a page at a time. Multiple cluetips are not possible because the cluetip div container has a non-unique id and the jquery id selector is used in the plugin code (which means that only the first cluetip in the DOM is ever referenced by the code). I'd like to extend the code to allow for dynamic assignment of the id on the cluetip container which would allow us to render multiple cluetips on the page. Perhaps, this might constitute a new plugin, since this isn't really the intended use of cluetips.
$(document).ready(function()
{
$(".postTags_opener").click(function()
{
$(this).next(".postTitle .postTags").fadeIn(1000, function()
[Code]....
The indentation is probably a little wacky, since I just copy/pasted, but that's what I've got right now. When you click on .postTags_opener, it shows the nearest matched .postTags; that is exactly what I want, since .postTags immediately follows a .postTags_opener. The problem arises when I then try to close it: .postTags_closer comes after .postTags starts, so that's probably why next() is bugging out.
Before 1.4, it is possible to return an unique ID with jQuery.data(elem), now seems does not work.
[url]
The new api must need a key, what is the key then?
I just want an unique ID by inputing an element, why I need such a key?
Suppose I have something similar to this HTML (this is not my exact HTML, rewritten to simplify):
<a onclick="ShowHide(); return false;" href="#">show/hide</a>
<div>
<div id="summary">Summary of info below</div>
<div id="enclosure" style="display:none;">Information</div>
</div>
<a onclick="ShowHide(); return false;" href="#">show/hide</a>
<div>
[Code]...
These DIVS are full of information populated from a MSQL db. So the DIV names cannot be unique. I have this jQuery code:
[Code]....
This code actually works perfectly except for one major headache. When I click the 'hide/show' link on any of these - the only one that hides or shows is the first set. After research I feel like I'll need to use the .parent() selector or (this) somewhere but I feel like I've tried every combination.
Im building a small feature where users can create a page. They select an element they would like to add from a select box. When they select it it is automatically appended into the preview div. The problem is that they can choose to add any number of divs, p,s etc to this preview div and i need a way of giving them all unique ids so i can use them later.
[Code]...
I have a sharepoint site which I am integrating into and I wrote a hundreds of custom functions on my HTML demoin oldschool plain javascript based on the Unique IDs of the elements, however sharepoint 2007/or ASP.NET seems toprepend unique IDS with a long string of crap, the string of crap ('which I shall now refer to as the crapstring') changes based on which page you are on ("eg txtNameValue becomes zctl00_ctl16_g_b132ca0b_b2ad_4e2b_a5e0_8babbb67ff22_ctl00_txtNameValue'"). I found a piece of code in oldschool javascript which works on a page by page basis however I need something I can include in the header that performs the same function across all pages. I was thinking of something in Jquery that works on id*=
[Code]...
I'm trying to parse my anchor tags, by getting all the href attribute available in the page, and then i will loop through this attribute values and then parse it. if each href value is equal to "mypage.com", the link will open to the same window, but if not it will open to a new window, more like the concept of determining internal and external links in a page.
View 6 Replies View RelatedUnique url and browser back button in an ajaxified page
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
</head>
<body bgcolor="#ffffff" text="#666666">
<font size="-1"><font face="Calibri">Hi,
Does jQuery provides any feature or plugin to handle unique url andbrowser back button in an ajaxified page.
[Code]...
Are there limitation on what can be set for css styles? I have a script which sets a unique id but I wanted to turn user-select off for that item. I thought this would work:
var
id = 'wrapper_'
+(new Date().getTime());
var
wrapper = $('<div id='+id+'></div>'
);
$(id).css({'-webkit-user-select: none;'});
The error I get is:
Uncaught SyntaxError: Unexpected token }
I have a page with 641 images in it. Each image can be clicked with as
result that the image source will be changed. For this the images need
to have a unique ID. But to do this manually for 641 is just too much.
Is there a way to give each image his own unique id without setting
them myself?
The image:
<img src="images/hokje.gif" id=""
alt="">
Is there anything unique on a browser where i can assign it to my session?
View 1 Replies View Relatedi have an array and i don't know the content of it, but i want only unique
values. in php there is a function to do this, but how must i do this in javascript?
Is there an internally assigned number for each JavaScript object that
I can read? If so how would I do that?
I'm using the following code to toggle checkbox checked and disabled attributes.
var f = false;
function tick(group) {
if (!f) {
for (var i=0, len = group.length; i < len; i++) {
[code]......
The checkbox doing the js call uses onclick="tick(country)" and the checkboxes that I want to toggle all have the same id e.g.
<label><input type='checkbox' name='uk[]' id='country' value='England' />England</label><br />
<label><input type='checkbox' name='uk[]' id='country' value='Scotland' />Scotland</label><br />
This all works correctly but does not validate.I need to use unique id's for each name.The easiest way (as each checkbox html is generated by php) is to append the value to the id i.e.
<label><input type='checkbox' name='uk[]' id='countryEngland' value='England' />England</label><br />
<label><input type='checkbox' name='uk[]' id='countryScotland' value='Scotland' />Scotland</label><br />
How can I modify the javascript function factor this in i.e. toggle where id contains country?
<script language="JavaScript">
// Unique Random Numbers Picker
// By Premshree Pillai
var numArr = new Array("0","1","2","3","4","5","6","7","8","9"); // Add elements here
var pickArr = new Array(); // The array that will be formed
var count=0;
var doFlag=false;
var iterations=0;
function pickNums(nums)
{
iterations+=1;
var currNum = Math.round((numArr.length-1)*Math.random());
if(count!=0)
{
for(var i=0; i<pickArr.length; i++)
{
if(numArr[currNum]==pickArr[i])
{
doFlag=true;
break;
}
}
}
if(!doFlag)
{
pickArr[count]=numArr[currNum];
document.write('<b>' + numArr[currNum] + '</b> <font color="#808080">|</font> ');
count+=1;
}
if(iterations<(numArr.length*3)) // Compare for max iterations you want
{
if((count<nums))
{
pickNums(nums);
}
}
else
{
location.reload();
}
}
pickNums(5); // Call the function, the argument is the number of elements you want to pick.
// Here we pick 5 unique random numbers.
This script is a slightly modified version of "Unique Random Numbers". In this script it becomes easier to implement more than one instances of "Picking Unique Random Numbers".
This JavaScript picks up a number of unique random elements from an array.
For example; if you have an array myArray consisting of 10 elements and want to pick 5 unique random elements. Suppose initially myArray[3] is picked randomly, then myArray[3] should not be picked again.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Unique Random Numbers II</title>
<!--BEGIN HEAD SECTION CODE-->
<script language="JavaScript">
// Unique Random Numbers II
// -Picks a number of unique random numbers from an array
// By Premshree Pillai
// http://www.qiksearch.com, http://javascript.qik.cjb.net
function pickNums(nums, numArr, pickArr, count, doFlag, iterations)
{
iterations+=1;
var currNum = Math.round((numArr.length-1)*Math.random());
if(count!=0)
{
for(var i=0; i<pickArr.length; i++)
{
if(numArr[currNum]==pickArr[i])
{
doFlag=true;
break;
}
}
}
if(!doFlag)
{
pickArr[count]=numArr[currNum];
document.write('<b>' + numArr[currNum] + '</b> <font color="#808080">|</font> ');
/* Modify above line for a different format output */
count+=1;
}
if(iterations<(numArr.length*3)) // Compare for max iterations you want
{
if((count<nums))
{
pickNums(nums, numArr, pickArr, count, doFlag, iterations);
}
}
else
{
location.reload();
}
}
</script>
</head>
<!--END HEAD SECTION CODE-->
<body bgcolor="#FFFFFF">
<!--BEGIN BODY SECTION CODE-->
<script language="JavaScript">
var numArr1 = new Array("0","1","2","3","4","5","6","7","8","9"); // Add elements here
var pickArr1 = new Array(); // The array that will be formed
var count1=0;
var doFlag1=false;
var iterations1=0;
pickNums(5, numArr1, pickArr1, count1, doFlag1, iterations1); // Call the function, the argument is the number of elements you want to pick.
// Here we pick 5 unique random numbers
</script>
<!--END BODY SECTION CODE-->
</body>
</html>
I need a script that will generate a unique ID consecutive to the previous one when a user submits a form. For example, I submit the form and the confirmation page shows:
JGH100354101
I will need the next user that submits the form to have the confirmation page show:
JGH100354102
and so on and so on...
Is anyone aware of a simple form script that would accomplish this?