Need to run a script "last updated on" on a personal Website. Problem is the
ones I can find rely on my servers synchronised time! This is one hour
behind the correct time (Summertime) at my location. Anyone know of a script
that can be modified so that the correct local time is displayed?
I was calling a function in a js file from an image onClick event, but
someone still using Netscape 4 (!) complained that it didn't work. I
read that img onClick doesn't work in Netscape 4, so swithced it to
"javascript:show(...);" and the code works, but I read in this group
that it was not wise to do that, here's the working version, using the
not recommended approach:
<a href="javascript:show('art_2.jpg',÷»',ò^');" target="_self">
I'd appreciate any suggetions that will let me call the "show" function
from an onClick image event that will work in most IE/Netscape 4+ browsers.
I have a site with a 3 column layout. Because the size of the columns may be different onLoad, I am using Javascript to make each of the columns the same height. This works great when I load the page.
However, my site updates these columns using AJAX. After the update, one column may have become longer than the others. I am trying to find a way to detect this change and then again make all 3 columns the same height.
My first approach was with an event handler that detected "onsubtreemodified" for these DIVs. Unfortunately, this is a fairly new W3C DOM event that is not currently supported by most browsers.
My next idea was to simply call the function that did the resize with the onClick event when the user did anything that would update the columns. This does not work because Javascript does not wait until the DOM is finished updating before executing the code that checks sizes. So, it still sees the columns as the same height and doesn't make adjustments.
Is there a way to catch when a div content is updated through javascript? I update a div content through rjs and I need to call tablesorter every time the div is updated.
View 3 Replies View Relatedi have a javascript that creates a table then appends it to an empty div. This works fine in FF, however it fails to work in IE8.
[Code]...
Before I submit the form with JS I update an input field with js like this:
Code:
The problem is that the updated value is not sent along with the post data. Instead the old value is sent along.
When i submit the form with a button afterwards though (not auto submit after the value is set), then the value is sent along fine.
But that's not how I want it to work...how I can send the value that I'm setting with JS along with the post data like this?
I'm working on right now to make a website for our game clan in Special Force... Then want a part of their website to be viewed directly on my website.. The link to what i'm talking about is bit.ly/vUNUCi .maybe I can get that html codes then paste it in my website code.but the problem is that when I do it.. It is just there but when any changes happen occur to our clan it will not be updated.. so here's a picture of visualization.. bit.ly/tPQbax (also attached) the red part is the updated part I want to have in my website and those blue-boxed elements in there are those that can be changed/updated... so how can I put that Updated Part of Website to Mine?
View 4 Replies View RelatedI have a number of methods on my page which are instantiated on page load (such as an image zoom method). How can I force a reinstantiation of this method when I update the DOM? For example I will have a list of Images that magnify on mouseover. I then change this image (and use the .attr method to substitute new arguments). However when I mouseover the method only shows the previous instantiation from when the page first loaded.
View 5 Replies View RelatedI use a very handy function (onsubmit) to validate empty fields in a form:
PHP Code:
function validate_form(){
var x = document.getElementById("form1");
for(var i=0; i<x.length; i++){
if((x.elements[i].value == "") && (x.elements[i].title)){
[Code]....
It worked like a charm, until I had to change a dropdown dynamically with ajax. I have two dropdowns, the second being populated with ajax (php, mysql) by the option selected in the first one. The second dropdown has the title attribute filled so the previous function can validate and ask the user to select something. However, it seems like fields loaded dynamically with ajax wont appear inside the x.elements[] array. I've tested it over and over, it keeps ignoring it. It isn't even in the array. Why?
I have some table rows with an item, item description and a text field named "qty" for the quantity. If a user types a number above 0 in the "qty" field, I would like it to highlight the table row. If a user gos back and deletes the number already in the text field I would like the table row to return to it's default state. How can I do this?
View 1 Replies View RelatedCan anyone point me in the right direction where i could learn how to make a text box that checks itself to see if x=y and then it updates an image on the page? or what language i would have to use to do this?
View 3 Replies View RelatedBefore I submit the form with JS I update an input field with js like this:
Code:
The problem is that the updated value is not sent along with the post data. Instead the old value is sent along.
When i submit the form with a button afterwards though (not auto submit after the value is set), then the value is sent along fine.
But that's not how I want it to work...how I can send the value that I'm setting with JS along with the post data like this?
If you use javascript/dhtml to, say, add a text field to a web page. If you then navigate away from this page and back again using the back button the added text field is lost and the web page is back to how it was prior to any dhtml changes.
I assume this is because the browser is using the cached version and not the changed dhtml version.
How can I force the changed web page to be cached so that when returning to the page the dhtml version is the page I see with the added text field?
Nutshell version: I need to fire off a javascript call whenever an ASP.NET UpdatePanel is updated, and I'm not sure how to do it. Detailed version: I have an ASP.NET page that has several UpdatePanels. Some of these are in my own code and I have access to, some are used by third party controls (e.g. ReportViewer) and I don't have direct access to them.
My website also uses jQuery Mobile to render the controls in a mobile friendly way. The problem I'm having is that whenever something in an UpdatePanel is updated, the newly updated contents don't get re-parsed by jQuery Mobile, and so they revert to their original style(s).
[Code]...
The problem I'm having is that I can't figure out how to make that happen. document.Ready() doesn't refire on an AJAX update. I've tried using $('div').live(),$('div').load(),$('div').change() and a few others (I am adding these to the Master page for the website) but nothing seems to fire off when the DIV updates.
My problem involves input elements not being visibly updated after $('#selector').val(...) and non-working datepickers (the hasDatepicker class is attached, but the datepicker control doesn't fire up when the input gains focus).
I have a calendar, based on fullCalendar and the fcalendar bundle which chains the fullCalendar to a datepicker and a MySQL/PHP backend.
Now, the base functionality of datepicker works, but it is not sufficient; I need some more attributes for my calendar entries, including date information (including the start and end values, since they must be editable, rather than changing them via drag'n'drop only). Since the html of the form is somewhat complex, it is loaded from a .php page, which is a major change related to fcalendar, where id (#myGeneratedEditor, in my case) is built using HTML code in formStart and formEnd
Here is some code:
The summary of problems: the values which are attached via .val() don't show up the datepickers (one so far) don't / doesn't show up
Been playing with this plug-in for several hours now, very cool. Managed to build a decent non-linear presentation tool with play controls and multiple hotspots per slide. I noticed what I think are a few minor bugs concerning the opt.currSlide value, could also just be my lack of experience with the plug-in and JQuery. When using the 'next' and 'prev' options, the opt.currSlide value does not appear to be updated. I'm using this value to trigger hiding and showing of overlays in 'after' code. Works fine when a jump is initiated via cycle(num, trans) but not when initiated via cycle('next') or cycle('prev').
Also the "none" transition does not appear to call all of the before, after, etc.. events. As a work around, I defined a custom transition based on fade that animates the left property from 0 to 0 rather than opacity. Finally, I'd like to suggest an enhancement to the cycle method to accept cycle(num, trans, args). An example of why this is needed...
cycle(3, 'wipe', {clip: 'l2r'}).
Meaning jump to slide 3 using a wipe transition with clip set left-to-right. As a workaround for this limitation, I defined custom transitions for each of the wipe options.
I have to save the state of a form in a var before submitting it with the whole html, but if I alert the var, I get the original html without the updated input fields.
[Code]...
Here is a live view of the problem I have:As you can see I am building a page which has an image cycle/carousel. On each of the images I would like to also have a zoomable loupe - I am using the jQzoom plugin to achieve this. Hover over the first image and you will see the zoom appear.
However, whilst all works fine on the first image, as soon as I click the next arrow (just visible at present top left of image as CSS tweak needed) to load the second image and hover over for the zoom, the second zoomed image fails to load. Anyone know why?
I am presuming it's because the cycle plugin hides the images so the jqZoom plugin can't 'grab' them.
I've been reading up on .live() function - can I use this to solve the problem? If so, could you provide some pointers...?
I have an image rotator that uses nested intervals. The outer one switches the images, and the inner one preforms the fade. The problem is is that the display is not updated during the interval function, and so, the fade is not displayed; the new image just appears- no fade. Is there anyway to force the display to update during the interval? Here is the code:
[Code]....
I currently have a DHTML popup menu that holds a form. I was trying to make it so on submission of the form within the DHTML popup the page itself will fully reload to update the content. However, on submission of the form the page "reloads" but not really, because i still need to go to the URL again for it to display the updated content.
View 2 Replies View Relatedi am wanting to develop a ajax application a simple one i found using an ajax div refresh in a project i am currently working on but i have never done such a thing where i change the div of the submited contenthere is a copy of my ajax and html code
Code:
<script type="text/javascript">
<!--
[code]....
We have a paypal shopping cart which we have already integrated into our website. Now we need to fetch data of gold price from UOB directly to our website but we need assistance on the code which can perform such task. [URL]We need the gold price value to be updated into our website.
View 2 Replies View RelatedI have Select tag inside Div tag that is being populated dynamically from php script, I want to submit its selected value to server side script, But unable to get the value of option of Select tag.
<Div id="selectdiv">
<select name="CitySelect" id="CitySelect">
<option>--Select City--</option>
</select>
Problem in the timing of the script. The problem is that when I try to get an id of an object that was added by ajax, the script doesn't recognize it. The html:
<select id="categories" name="categories">
<option value="3">aa</option>
<option value="43">bbb</option>
</select>
When I load the page, there is this script that get the value of the #categories and use ajax to fill another select and in the same ajax, I load images by another function using the new select input that was created:
function fill_subcategories(){
parent=$("#categories").val();
$.ajax({
type: "post",
url: "ajax/sub_galleries.php",
data: 'parent='+parent,
success: function(data){
$('#sub_categories').html(data);
}});
show_exist_imgs()
}
This fills this div:
<select name="sub_categories" id="sub_categories"></select>
Right after filling the #sub_categories, I use another ajax that get images of the new id of the #sub_categories, and here I get the problem.. the js:
function show_exist_imgs(){
g_id=$('#sub_categories').val();
$.ajax({
type: "post",
url: "ajax/show_exist_imgs.php",
data: 'g_id='+g_id,
success: function(data){
$('#exist_files').html(data);
}});
}
This script doesn't recognize the id of the new $('#sub_categories') select input.. why is that?
I pull product price from another page. Then I multiply it with quantity entered in the quantity input field. The problem is, if I forget to enter quantity value before I pull product information or if I change the quantity field later, the final total price is not updated.
My codes:
Code:
UCTID" name="PRODUCTID" /><input type="hidden" class="UNITPRICE" name="UNITPRICE'+(i++)+'" /><small>Search Products</small></div>30"><span class="prices">Unit Price:<span class="UNITPRICE"></span><br />Total Price:<span class="TOTALPRICE"></span><br /><a onclick="RemoveProduct(".column width50");" href="#">Remove</a></span>
[code]...
I am trying to make a script that outputs a block of code depending how recently a certain feed was updated. for example, if it was updated today, the output would hopefully be <div class="andrewupdated andrewtoday"></div>But currently nothing is being output. Code:
View 1 Replies View Related
