i want to setup a Last vieuwed page reminder. What i want: somebody from my school wants to see his tabel (rooster) of his week. he needs to bypass 4-5 sites to finaly get there. i want to setup a system thad will make an cookie of his last vieuwed tabel (rooster)and when he comes back the next day (on the frontpage) thad he gets an popup saying: "do you want to view the latest viewed tabel (rooster)?""YES" "NO"
View 1 RepliesMy requirement was to generate a popup once you immediately login. windows.alert('please call') then the popup should come for every 2 hrs.
Even though you navigate to different pages on the site..This should still come..
I have started something like this:-- 1. Calling this script on everypage.
Code:
<script type="text/javascript">alert_settimer();</script><script type="text/javascript">
alert_settimer();
[Code]....
It is able to give me a popup for every 2 hrs. But whenever the user reloads the page after 1 hr. The function is called again and the count starts from 0hrs again. OR for example if 20 mins already passed then if i am going to a new page then the function is called again and so the timer starts again. I am not getting any idea how to restrict it calling every time. OR send that 1 hr again to the function so that it starts from there. I tried some thing like setting the value in a session variable and then starting the counter from that value.
How can I attach events with parameters? PHP Code:
for (i=0; i<document.getElementsByTagName('input').length; i++) document.getElementsByTagName('input')[i].attachEvent("onclick", element_onclick); // adds event to all input elements (saves time)
creating an event callender reminder that can work on MS Outlook like iCal, this callender reminder will be on an event site which I am working on so people can get reminders via MS Outlook.
View 1 Replies View RelatedI just started to learn jQuery. I downloaded the book "Learning jQuery, 3rd edition" and tried the very first program. My program consist of just HTML page, a CSS file and javascript file. I made a folder MyFirstJQueryPage and put all my files inside it.I also downloaded the jQuery file named "jquery-1.6.4.min" and renamed it to jquery and put it in the folder where my all files are present.
[Code]...
Now please tell me that what i am doing wrong in my program. Why the code in the external javascript file isn't working.
Is there a way to edit the following show hide set up to allow for initial div to be open. So for example instead of nothing coming up, #video1 would initially load and then when you click on li links it would load a new div in as coded replacing the initial video for example, if you clicked video 2 or 3 thumbnails?
HTML=
<ul id="brightCove">
<li onclick="javascript:doShowHide('video1');">
<a href="javascript://">video 1 thumbnail here</a>
</li>
<li onclick="javascript:doShowHide('video2');">
<a href="javascript://">video 2 thumbnail here</a>
</ul><div class=showhide" id="video1">
content for video 1 </div>
<div class="showhide" id="video2">
content for video 2 </div>
JS
$(document).ready(function() {
// Add ID of New Category in line below separated by Commas
$("#video1,#video2").hide();
});
doShowHide = function(idstr) {
$("div.showhide:visible").each(function () {
if (this.id != idstr) $(this).hide("fast");
});
$("div.showhide#"+idstr).show("fast");
}
I'm trying to set up hovering event handler to a bunch of IMG element that I put inside a UL element. (code shown below)
Initially the page loaded with 6 images on first line, and the rest 3 images on the second line.
I notice when I hover on the first image, the image right below it moved to the right. I don't understand why this might happen.
<html>
<head>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
[Code]....
I have just setup jeditable for a text area and this works fine however when I activate / click on the text area to bring up the editor, the content is filled with br tags (example below). How to convert the br tags into tags before it is displayed?
comment 001<br><br>
<br><br>
comment 002<br><br>
<br><br>
comment 003<br>
Comment 4
JQuery code
$(".editable_textarea").editable("update-comment.php", {
indicator : '<img src="/intranet/media/icons/indicator.gif">',
type : 'textarea',
submitdata: { _method: "put" },
select : true,
submit : 'OK',
width : 400,
rows : 3,
cancel : 'cancel',
cssclass : "editable",
id : 'comm_id',
name : 'comm_details'
});
Playing with the wonderful Cycle plugin. Rather than using container ID's and having specific options for each, I want to use the same settings for multiple containers of the same class. In other words, rather than:
$('div#containerName').cycle({
fx: 'scrollHorz',
speed: 'slow',
timeout: 0,
[code]....
Cannot get jQuery to work (unless I access [url])
Is this permissible, or do I have to download jquery.js to my server? If not, I have other questions:
- My hosting service does doesn't have gzip compression enabled --what file do I need to install on my server if I don't have GZIP available?
- How can I extract that file (jquery.js?) from jquery-1.3.2.js.txt? (looked for GZipper, but from what I can see that's Mac s/w and I'm running windows)
I am working on a script that seems impossible to work. I want to click on a link, and if the .text() is the same as a classname of a div, I want to do stuff with the div. The problem is that I can't imagine how to set up the if-state. Right now the script is like this:
$(document).ready(function(){
var filterTrig = $('#sortPort a').html();
$('#sortPort a').click(function() {
$('.listItem').each(function(){
if (!filterTrig == $(this).hasClass(filterTrig).html()){
$('listItem').addClass('test'); //later on, animations
}} return false; }); });
The script runs here: [URL]. I have turned off all other javascript to work only with this, if the site seems broken. The filterbox to the left will filter the div items listed to the right. All "boxes" in the list is a div with classname listItem + classes equal to the a.text() in the filters (leftbox). It is thoose divs IĀ“m trying to animte with clicks.
I'm using this jQuery tabs library that uses this simple set up...
<!-- the tabs -->
<ul class="tabs">
<li><a href="#">Tab 1</a></li>
<li><a href="#">Tab 2</a></li>
<li><a href="#">Tab 3</a></li>
</ul>
<!-- tab "panes" -->
<div class="panes">
<div>pane 1 content</div>
<div>pane 2 content</div>
<div>pane 3 content</div>
</div>
So clicking tab 1 loads the contents of the first DIV, tab 2 second DIV, etc. I have a different image map that loads into each of the separate DIVs. I have set up a search box that allows me to enter a value that matches an ALT value of one of the <area> tags and then using the scrollTo library, scrolls to that value using the coordinates provided in the <area> tag. Currently I have this working when I manually enter the DIV's class into the script:
<div>
<input id="search" name="targetId" value="" />
<button type="button" id="searchButton" name="searchButton">Search</button>
</div>
<script type="text/javascript">
$('#searchButton').click(function(){
var id = $('#search').val();
var elem = document.getElementById(id);
if (elem) {
var parts = $(elem).attr('coords').split(',');
parts = $.map(parts, parseInt);
$('div.fms1').scrollTo({ left:parts[0], top:parts[2] }, {duration:1000, axis:'x'});
}});
</script>
I'm trying to figure out how I can set up the search box to search the currently loaded DIV which is loaded depending on which tab is selected. I tried the following unsuccessfully:
$('div.'+$(this)).scrollTo({ left:parts[0], top:parts[2] }, {duration:1000, axis:'x'});
I am working on a script which will get images (.jpg & .png) from a directory in my server.
HTML Code:
jQuery.getJSON(url, function(data) {
var images = jQuery.map(data.photos.photo, function (item){
return '/images/';
});
callback(images);
});
}
At, /image/ , I want to get all of the images in a from a set up directory full of images, named as 1.png, 2.png, 3.png ,etc. Lets say that the directory of the images are in /images/, How do I set it up so that this script gets the images?
Have a dialog box (containing two divs):
(1) A <div> tag which contains an individual checkbox labeled as Select All.
(2) A <div> containing a reference to a bunch of check boxes (containing e-mail addresses).
JavaScript code:
How to remove any possible check boxes that are checked and remove them from text field
What happens is that when I click on the Select All check box, it populates my To: text field with all the e-mail addresses.
However, the checkboxes belonging inside emailCheckListId_ul are checked.
How can I set it up so that if I click on Select All, all the checkboxes are populated and when I uncheck on Select All, all the checks are removed from the check boxes and the e-mail addresses are removed from the To: text field?
I'm trying to convert a Thickbox iframe setup to a jqModal div. While I can load content into a jqModal dialog. I run into a problem trying to explicitly close the dialog. Per Firebug:
[Code]...
My first day with jquery, and I've just been playing around a little but have run in to a problem in Firefox.
I've set up a basic form with a name and a button (not submit) and one text field.
All it does right now is open an alert box when the button is clicked. That's fair enough. However, in Firefox, if I have the text field selected and hit enter, it doesn't press the button.
How would I go about making sure the enter key presses the button? I'd like to avoid using onclick and a method in the form if possible. My aim eventually is to post data and return it without a page refresh instead of create an alert box.
<html>
Whats the code to setup pop up windows? I've got a page that I want to say Happy Birthday but I want it to popup different windows with messages; sort of like those popup ads.
View 1 Replies View RelatedI am trying to set up a web site for an art gallery.That is for new talents so I have no budget.I am not a web designer and I am facing some barriers.My problem is, I guess, about going around with the DOM node tree. My page looks like this:[code]How it works:In first place, after page has been loaded,I am using frame 4 to run a HTML form. After submit,iframe 3.1 is populated with thumbnails according to the query.When a thumbnail is clicked,I succeeded in bringing the corresponding text, talking about the artwork, on iframe 5.1 to do so, I change the html source in iframe 5.1.I am using for that: [code] The idea was about doing the same with the frame 4 that is for a larger picture of the artwork.But first I need to get rid of the form once it was submitted (bring a new HTML with a dummy transparent gif to be swapped with the desired picture).But how can I bring a new html in frame 4? After the form is submitted the 'action' moves to iframe 3.1.I tried changing the html source using getElementById but I could not find a way to get to the right object.Two src attibutes must be changed with code written in iframe 3.1. (where the thumbnails are clicked). But How can I address and change the HTML src code in FRAME 4 ? How can I address and change the src image in the new code loaded in FRAME 4 ?I have both attributes in variables but don't know how to get to the target elements
View 2 Replies View RelatedIs there any way to setup a hotkey on a radio button?For instance I have four radio buttons...
o 1 o 2 o 3 o 4
Is there a way to set up if i press 1 then the first radio will be selected, then it can go to the next set of radio buttons.
I'm trying to setup and image slideshow with captions. I can't it to work so far.
Here is a code snippet:
Javascript
var crossFadeDuration = 3
var Pic = new Array()
Pic[0] = '1.gif'
Pic[1] = '2.gif'
var t
var j = 0
var p = Pic.length
var preLoad = new Array()
for (i = 0; i < p; i++){
preLoad[i] = new Image()
preLoad[i].src = Pic[i]
}
function runSlideShow(){
if (document.all){
document.images.SlideShow.style.filter="blendTrans(duration=2)"
document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)"
document.images.SlideShow.filters.blendTrans.Apply()
}
document.images.SlideShow.src = preLoad[j].src
if (document.all){
document.images.SlideShow.filters.blendTrans.Play()
}
j = j + 1
if (j > (p-1)) j=0
t = setTimeout('runSlideShow()', slideShowSpeed)
}
Html
<body topmargin="5" leftmargin="0" marginheight="0" marginwidth="0" onload="runSlideShow()">
<img id="picture" name="SlideShow" src="1.gif" alt="" width="350" height="195" border="0" align="middle" />
How can I set up a timer and switch to a next page also using same onclick function?
I mean I want my timer to be started as soon as submit button is clicked and simultaneously I must proceed to next page also as I have clicked on submit button.
How can I do this?
Here is my situation: <input type="button" value="Submit" onClick="main(this.form)" style="font-size:30px">
I want to add timer function also along with main(this.form),how can I do this?
I've kind of skimmed over how drop down menus work in JS(notably jquery).Also I read you put the submenu nested within it's parent link(<li>).This proves to be a problem though because my <div id="nav"> I have, is setup to display inline (horizontal) and obviously with a drop down you want that vertical..Do I have to separate the submenu from the <div id="nav">, or does the submenu have to be nested?
View 6 Replies View RelatedBasically, I've setup a form to have all the required data written to a csv file. Now, The only thing is some of the non-required fields are filled in and some people don't fill them in, so when I import it into excel, the fields move about. What I need to know, is there a condition I can set to have a value written into all the empty fields when it is submitted?
Here is where I am with that so far:
if (app100.address2.value == "") {
doc.write("N/A");
}
i need add cookie to it . disable script untill cookie is not expired
<script language=javascript type="text/javascript">
<!-- Hide script from old browsers
//new window script
function jshow()
{window.open("http://www.google.com","blank")}
// End hiding script from old browsers -->
</script>
I'm looking to setup a script which needs to addListeners on all elements on a page. For example I might want to add listners to everything for the onclick even, then when you click on it, it'll alert that elements Id. Does anyone know of an easy way to this, or if it's even possible?
View 6 Replies View RelatedBascially I have a main page with all the code setup to slide whatever content is in the div 'sub_content'. As below: [URL] Contained in the my "external pages" are different slide contents that I want inputting into the 'sub_content' div as below: [URL] If you click 'Test Link 2' you will see it fade out but it's then loading in the main page again? I think it is this line of code found in submenu.js where the problem lies? var myXHR = new Ajax( objLink.href + '&blnAjax=1', { method: 'get', evalScripts: true, autoCancel: true, onSuccess: showSubPage } ).request();
View 13 Replies View Related