JQuery :: URL Alteration For Onclick Elements?
May 9, 2011
I'm using the below code on some links to load html pages into the main page on click:
<a
id="
b1-e1
" onclick
="javascript:$('#viewPict').fadeIn('slow').load('pict/b1-e1.html');"
>Bla bla</a>
This is good to use on a static html page to load a bunch of images in a portfolio without having to change the page, but it eliminates any sort of unique url for the links. All one can do is to link to the original page, but that page only contains a picture and some text. So there is no point to it without the theme of the main page.
I was wondering if it was possible to somehow attach the id to the url ( like [URL]), so that every page can be loaded on default with a request.
View 2 Replies
ADVERTISEMENT
Sep 25, 2010
What this function does is countdown the value of an HTML table-cell to zero (minus 1 every second) then stop counting that specific cell when it's finished. This works perfectly, the problem is that when it is called AGAIN for a different table-cell, the previous cell starts reducing its value by 2 every second instead of 1. This function supports the Hour:Minuteecond format. So, how would I make this function so that I can call an infinite number of different table cells, and the previous table cells timers would not be affected (they would still countdown 1 per second as they should)?
This is the code which CALLS the function, where $i is 1-5 inclusive, defined by PHP:
timer('ff".$i."', ". rand(1,100) .");
This is the BODY of the function itself, called by the above command
var running = new Array(50);
function timer(data, id){
//clearTimeout(id[data]);
var id=new Array(50);
// usage: var id=new Array(50); timer('cq0');
dat=document.getElementById(data);
var time=(dat.innerHTML).split(":");
var done=0;
if(dat.innerHTML == null) {
done = 1;
alert('null');
} if (time[2]>0) time[2]--;
else {
time[2]=59;
if (time[1]>0) time[1]--;
else {
time[1]=59;
if (time[0]>0) time[0]--;
else {
clearTimeout(id[data]);
done=1;
running[data] = 0;
renderStack();
}}}
if (!done){
dat.innerHTML=time[0]+":"+time[1]+":"+time[2];
id[data]=setTimeout("timer('"+data+"')", 1000);
running[data] = 1;
}}
View 1 Replies
View Related
Aug 18, 2011
I tried Event target and it alerts the id of the li element clicked well but it can't do anything with the id of the li element after you get it. Also you can only get one ul at a time. I classed the uls I want and used getElementsByClassName with iObj index loop but get alert ''undefined" when I click on any of the li elements in any of the uls with the same class. This is what I have so far.
[Code]...
View 7 Replies
View Related
Jul 19, 2010
I'm new to this forum and am trying to find answers to a few issues I've been having. I'm building a website for my music (I'm a novice with web design so bear with me) and I'm having trouble with this page - [URL]...
As you can see, when you click on the "Filter By" buttons, the relevant gallery opens in the iFrame and the Titles (such as Latest Photos and Live Photos) are altered onclick by using the changeText function. The problem with this is that when I use the browser "Back" button, the iFrame goes back, but the "changeText" doesn't go with it.
So I've been trying to find solutions to this. Someone on another forum suggested hiding the album titles in a hidden element on each gallery page, and the title in when you click on the Filter By buttons. They suggested first putting some code such as: <input type="hidden" name="AlbumTitle" value="Live Photos">
[Code]...
View 9 Replies
View Related
Mar 14, 2010
I have a page I am working and I am having some trouble with: I need to show and hide areas based on a radio selection. I initally started using the show / hide feature in Jquery but the problem is the elements need to be removed but then put back if the user selects the radio buttonagain as it has form elements that have validaion on them. The validation is still trying to validate the form elements becuase they are still on the page but just not showing. This is the radio group the user makes the selection from:
<input name="terms_usr" type="radio" id="terms_usr_1" value="1"/>
<label for="terms_usr_1">Credit Card</label>
<input type="radio" name="terms_usr" id="terms_usr_2" value="2"/>
<label for="terms_usr_2">C.O.D</label>
[Code]....
View 3 Replies
View Related
Sep 4, 2010
I want to make it so that when I click on something, it changes what document.onclick does.
This is a simplified version of what I'm trying to do:
Code:
<div id="clickme" onclick="document.onclick = function(){ alert ('This should not be alerted on the first click'); }">Click here</div>
However, as you'll notice, the alert box shows up on the first click as well. The only way I have been able to get around this behaviour is to have the first onclick execute a timer that will then set the document.onclick after 1ms, however this seems very messy to me.
View 1 Replies
View Related
Jun 3, 2010
I have HTML tags stored in XML. I want to be able to use these HTML elements with Javascript, just as you can with elements in document.body. How can it be done? (And don't try and tell me I should use server-side because I have written it all for Javascript and the project is nearly complete minus this and there are practical reasons for not doing this server-side. After all, anything is possible with Javascript!)
Let me explain:
- I have HTML templates such as this [URL]
- I want javascript to populate these templates then add them to my page
- The only way I know javascript can get this kind of data is by parsing XML
- I want to parse the XML then be able to use the HTML elements just like those in document.body
- As far as I'm aware, XML is the only good way of storing data for javascript. I don't want to store it in javascript variables (too much multiline data with " and '). Nor do I want to build it using document.createElement("div")... etc
As someone not yet with any experience in computer science etc, please ignore my poor terminology! However, I'm not a beginner when it comes to javascript.
Here's the script concerned but I doubt it'll help you understand my problem: [URL]
View 6 Replies
View Related
May 24, 2010
So i've got a form that adds an element onto the page. This is working. When I try to remove said elements, that works. But the same 'delete' button doesn't work on elements not generated by javascript.
Code JavaScript:
function destroyQuickTask() {
$.post($(this).attr("href"), null, null, "script");
[code]....
View 6 Replies
View Related
Aug 31, 2007
I have the following sample code and when I click the a href link it pops up both windows.
HTML4Strict Code:
<tr false;" style="cursor:pointer"> <td>Some data</td> <td>More date</td> <td><a href="thatlink.html" false;">Details</a></td></tr>
In other words - linking the link that should open up 'thatlink.html' opens up that window first followed by the 'thislink.html' window in the table row onclick call.
View 3 Replies
View Related
Oct 12, 2009
Am I wrong to say you should never use onclick in an element as this would be contrary to the purpose of using jQuery which means onclick would totally bind mark-up to javascript? So it would not be unobtrusive in that case.[URL]...
View 8 Replies
View Related
Aug 3, 2011
<div id="test">A Random Test</div>
<a onclick="edit(); return false;" href="#">EDIT</a>
<a onclick="done(); return false;" href="#">DONE</a>
[code]....
View 6 Replies
View Related
May 31, 2009
How do I complete this so that when a user clicks on on the div rollOver, it loads in a new html page into the current browser window.
[Code]...
View 3 Replies
View Related
Nov 30, 2011
I am using progress bar in my Visual Force page in Salesforce.com. I am sending the value 60 to progress bar and it displays the progress bar perfectly. I have a requirement here. When user clicks on shaded region he should get the value in the alert. When User clicks on grey region, user should get the alert of remaining %. I am successful in creating onClick on the progress bar. But I need two alerts for the same progress bar.
View 5 Replies
View Related
Feb 4, 2011
I am trying to call an ajax function from the onclick event of an anchor tag. Currently I reference the function like this. I would have liked to bind the function to the anchor tag but did not know how to do that when I need to pass in a parameter?
<a href="#" onClick="getCredentialFromId(${link.id})">${link.name}</a>
link.id and link.name are rendered on the serverside so when the page is rendered it looks like this:
<a onclick="getCredentialFromId(35)" href="#">MySQL</a>
my function looks like this:
function getCredentialFromId(cred_id) {
$.post('link.htm?linkCredentials',{cred_id: cred_id},function(response) {
try {
[code]....
View 1 Replies
View Related
Nov 15, 2010
Can i call a jquery function on onclick() function of <a> tag
View 1 Replies
View Related
Aug 27, 2009
I have a set of links in a named div. each link has a specific css classname to emulate a button. Basic css menu thingy.
<div id="buttonwrapper" class="buttonwrapper">
<a id='one' class="squarebutton" href="#" onclick="javascript:dosomething('one')" style="margin-left: 6px"><span>ONE</span></a>
<a id='two' class="squarebutton" href="#" onclick="javascript:dosomething('two')" style="margin-left: 6px"><span>Two</span></a>
[Code]....
View 4 Replies
View Related
Sep 12, 2011
I have a div container containing an image that shall disappear by an on-click event. But if the user won't do the click after 3 seconds, the image shall disapper by itself - using delay(). How can I combine these actions? I wasn't able to solve the problem with the bind()-functionality, but probably I misunderstood that?
View 1 Replies
View Related
Mar 10, 2011
consider this code:
Dim str As String = "<table>"
con.Open()
reader = cmd.ExecuteReader()
If reader.HasRows Then
[Code]....
How can i get content of any div on that div's click ? Note that i do not have to provide id of those div .
View 5 Replies
View Related
Jul 27, 2010
I am trying to show a price listing for differentpostcard sizes... i need to change the XMLurl in $.ajax({}); on aclick function i am using <dl> + css + jquery for my custom dropdown
Here is a sample HTML CODE
<dl id="sample" class="dropdown"> <dt><a href="#"><span> 4 x 6"</span></a></dt> <dd> <ul> <li><a href="#">3.5 x 2"<span class="value">3.5x2</span></a></li>
<li><a href="#">4.5 x 2"<span class="value">4.5x2</span></a></li> </ul> </dd></dl>
[Code].....
View 3 Replies
View Related
Aug 7, 2009
Im using jNice (a jQuery plugin) in rails. I have the following jQueryfunction on the head of my page.
<script type="text/javascript">
jQuery.noConflict();
/* calling jNice on document ready */
[code]....
View 2 Replies
View Related
Sep 14, 2009
Let's say you have a :<a href="#" onclick='DoSomething(this);'>asd</a>I want to get the onclick text in a variable - something likevar onclick = $('a').attr('onclick');The problem is that the onclick variable now is a function and if Itry to execute , this wil be the document instead of the link .How can I get only the text, so I can later reattach it to the link ?
View 9 Replies
View Related
May 17, 2009
Need the closeAll() function to execute before the div's slidedown.All divs are initially hidden, just making a check that if one isopen, it must close before any new div runs.Can someone help point me in the right direction?Here is what I have so far.
function closeAll() {
$(".div1").slideUp('slow');
$(".div2").slideUp('slow');
[code].....
View 1 Replies
View Related
Jul 28, 2009
There is an onclick event that calls the changeStartDate, and passesin an ID.
'<input class="InfoBoxLong datepicker" type="text" size="7"
id="StartDate_' + TransactionOrderItemID + '" onClick="changeStartDate
('' + TransactionOrderItemID + '')" value="' + ActivationStartDate
[code]....
View 1 Replies
View Related
Oct 17, 2009
I'm trying to achieve something (which doesn't seem to difficult to me) but I can't get it to work. I want to embed video's through a swf-videoplayer on my website. The idea is that I have (say 750 * 400 px) images wrapped in links. The links point at the videofile. If the user clicks the link, I want to replace the link+image by the swf video with the same dimensions...
View 2 Replies
View Related
Nov 16, 2010
I have a nav bar, each link in it activates/triggers a megamenu (each link has its own megamenu). I need a way to have each link activate its own megamenu, the megamenu should close when:
1. The user clicks on another item in the nav bar.
2. The user clicks on the same item in the nav bar.
3. The user clicks on a 'close button' (X) graphic inside the megamenu (not shown in the HTML for simplicity sake).
HTML:
<div id="top-nav"><ul>
<li><span>Products & Services</span><ul>
<div class="megamenu">Content here...</div>
</ul></li>
<li><span>Support & Training</span><ul>
<div class="megamenu">Content here...</div>
</ul></li>
<li><span>Communities</span><ul>
<div class="megamenu">Content here...</div>
</ul></li>
<li><span>Store</span><ul>
<div class="megamenu">Content here...</div>
</ul></li>
</ul></div>
I've seen the script of 'Sexy Drop Down Menu' but the problem is that it closes the menu triggered by the click on hover, and as I said, I'm new to jQuery and I can't figure out a way to adapt it to what I need. [URL]
View 1 Replies
View Related
Jan 20, 2010
I would like to change the webpage when someone changes the select input and then clicks Go.Unfortunately I've not been able to with jQuery, here's what I have now, but I would like to use jQuery.
HTML:
<select id
="productlist
">
[code]....
View 1 Replies
View Related
