I have a project dilemma that is beyond my capabilities.I'm building a web based scoring system. I will input players names and their individual scores. Each of their 12 "station" scores will be placed into 12 text boxes and the total will be added up and placed into a textbox called Score.I've started with only two textboxes to start out and here is what I have (which works).
<HTML>
<HEAD>
<script type="text/javascript">[code]....
Initially the form is loaded using ASP and HTML and the ü codes
display the characters correctly. I have the values stored in a
javascript array so that I can more easily and dynamically change the
state/region dropdown when the country changes. However, when my
javascript code tries to add the new option and print out new region
the literal value such as "Würrtemberg" is displayed instead of
the special character.
Can this be done in javascript?
I want to redirect some users based on their location. Is it possible to do so using JavaScript?
View 1 Replies View RelatedI have region which initially needs to be fixed in a certain position. After data is returned to the page and the user scrolls down to the bottom instead of remaining in its fixed postion I want my region to float to the top of the page, if I scroll right back to the top I want the region to revert to its original position.I found a very handy demo that did what I want ( http://fiddle.jshell.net/zsJAr/show/light/) BUT it uses JQuery and I am unable to use JQuery in my pages. Does anyone know how I can replicate what this demo was but without JQuery?
p.s. we are using script.aculo.os and prototype but I can't seem to find anything similar.
Basically I'm looking for a method where the user enters their postcode (UK only) clicks enter then they're displayed with their closest region (although not every single UK region will be displayed, only 6 of them). I know this is a fairly tricky one.I've had a look in to Google API though there's nothing really specific for this, does anyone have an idea? or point me in the right direction to achieve this?
View 1 Replies View RelatedI need to open a window without scrollbars, menus, etc. and a specific size. I believe I have found scripts that can do this. But I also need it to open to specific coordinates of the page. i.e, only displaying the center portion of the page (the page is not mine) and not letting the user move to other portions with scroll bars, nor resize the window.I realiize that hitting tab will usually move them around, but I am not worried about that. They won't know where they are and will just reload.I have basic html skills but not scripting, other than copying/pasting other people's code.
View 1 Replies View RelatedI am new on forum and javascript. I have got a query for dynamic geo location javascript. I would like to make a page which redirect to another page based on user REGION. Ex:
If user from EMEA then page1.html,
if user from APAC then page2.html,
if user from Other region then page3.html
Hoping someone could solve this small problem of mine. I have numerous regions on a page that can be hidden/shown, the problem is i get a 'Line 8 Character 30 'id' is not defined' javascript browser error, but it works!
here is the code the error appears in:
PHP Code:
<script language="javascript" type="text/javascript">
/* This goes in the head section */
window.onload = function() { document.getElementById(id).style.display = 'none' }
function toggle(link, id) {
var div = document.getElementById(id);
if (div.style.display == 'none') {
div.style.display = 'block'
link.innerHTML = 'Hide Forms'
} else {
div.style.display = 'none'
link.innerHTML = 'Show Forms'
}
}
</script>
The code for the hide/show region is below.
PHP Code:
[ <a href="#id3" onclick="toggle(this, 'id3'); return false;">Show Forms</a> ]</div>
<div id="id3" style="padding: 10px; display: none;">
SHOW/HIDE CONTENT HERE!
</div>
I have a PHP form, with a Customer Select List. Once an option has been selected, the 'custid', is passed to Javascript that collects all the contacts linked to that customer and populates another Select List. This works fine, but what I'm after is an extra two inputs to appear when a particular customer is selected, but I'm not entirely sure how to go about it.
Here it goes:
Table/Form:
Code:
<script type="text/javascript">
var ajax = new Array();
function getTextList(sel) {
var Customer = sel.options[sel.selectedIndex].value;
document.getElementById('text').options.length = 0;
if(Customer.length>0){
var index = ajax.length;
ajax[index] = new sack(); .....
I need one javascript, which is going to change the color of the region in the particular image. For example one boy wearing the blue color t-shirts, i want to change the blue color into red color by using the color code instead of chaging the image into new one.Whether is this possible to do in javascript ?
View 4 Replies View RelatedThe page should include two selection list, The first selection list should contain 8 regions of the world. The second selection list should remain empty until a user selects a region. The second selection list should display only five countries per region.
<html>
I have been searching and searching but cannot find the type of drop down that I am looking for. I would like to see a menu appear when I pass the mouse over a region of my image, different menus would appear in different regions of my image map.
View 3 Replies View RelatedThis issue only happens in FF (IE and Chrome seem to work fine).
I have a Spry paged dataset (at bottom of page with big blue arrows.)
<<WELL I AM NOT ALLOWED TO GIVE URL >>
When I change the page in a paged region (by clicking on arrow), it is refreshed as expected.
But in FF another unrelated DIV above the region is also getting refreshed. Which is annoying to see. I do not want my users to have that experience.
This is stopping me from moving this page to production.
I'm using Adobe Spry for some transitional effects, based on this script: http:[url]....The page I'm working on is located here: http:[url].....As you see, on page load the first item is shown ("Giovanni Pappalardo - Nullafacente"), and then the other records are shown when clicking on each thumbnails
My questions are:1. Is there a way to hide, on page load, that first item, and showing it ONLY if relative thumbnail is clicked? I tried to apply some "display: none", but I get stuck on JavaScript part, since nothing seem to work... (honestly my JS skills are very poor)
2. While doing transitions between a record and another there's a moment in which full image still hasn't loaded (and so there's a white placeholder); is there a way to avoid that, i.e. preloading images?
For the first time in a long time, I've encountered a project with a single image that has many regions.Each region is a polygon, and will bind to a unique rollover event. That rollover event will pull back data for each region.I've thought of using a hidden image in a canvas with a black background, and a different color foreground for each region. Then, mapping the color the proper region data on the backend.I've thought of passing a huge Javascript object with keys that relate to a position in the image, and values that define the region data.Initially, I dismissed the idea of a good, old-fashioned image map, in an attempt to find something sleeker and sexier. But perhaps this is the best solution?
View 1 Replies View Relatedbackground-repeat: repeat-x works fine in IE and FF and as expected,
produces something like
............
hello
............
On Safari, the output is not what is desired.
||||||||||||||........
|||h|e|l|l|o||
||||||||||||||........
Is there a reason why this would happen?
Can someone point me to some resources on how to tile an image to create a
border?
<td><img src="images/MTile.png" width="1" height="30" alt=""></td>
I have something like that where I need to repeat x times where x depends on
the width of the browser. (Not sure if its a good idea to use a bitmap of
width 1 but I could use one that is larger and then use both(e.g., maybe one
that is 10 pixels wide and repeat that as needed and let the 1 pixel wide
one get the rest(I have some "ends" on the border that I need to display too
so it sorta needs to be exact))
Not sure how to do this with js(just learning it) but obviously I just need
to get the width of the border and then figure out how many times I need to
repeat the code.
I have several issues I am wondering about though. First off is that I have
used photoshop imageready to create a roll over menu bar but in firefox when
I use the down state it leaves a selection rectangle around the image but in
IE it does not do this. It does not look nice in firefox and I'm sure there
is some way to prevent it. (for some reason it selects it when you click the
menu item and this probably can be turned off using css?)
Another issue, which isn't a big deal, is that I'm using symmetric bitmaps
to "cap" the border. I was wondering if it is possible to flip the image
using html or js so that I don't have to have a seperate image for it?
I'm writing a basiccode where i'm trying to correct the background of my site that is in PNG with the filter from Microsoft to correct the error .
Unfortunately Internet Explorer has only two methods that are good for use .
The scale and the crop .
How to make that supportsbackground-repeat using jQuery ?
import javax.swing.JOptionPane;
class TriangleArea
{
public static void main(String[] args)
[Code]....
I am trying to create a program that will run and repeat asking user for another input. The program is work but i cannot get the while loop or to ask user to enter another input to work.
I have a little problem with a second part of this code:
$('.inline_search').keyup(function (event) {
var $this = $(this);
$('.paginator').hide();
[code]....
I'm making a website at [URL].. and I'm trying to create a menu using Jquery 1.3.2. Anyways, if you look at the tabs in my header, they have an effect but it only works once. After I mouse over the same tab a second time, they do not animate. I also have a similar menu at [URL].. You may notice the second menu also will fade to a darker gray. If i copy and past that code into my drupal block, it will still only animate one time. Do i need to include something extra because its version 1.3.2??? I also have another Jquery plugin below the header which is called a S3SLIDER. I'm not calling the jquery script up more than once.Here's the code for the Jquery menu at adc-design.com:
[Code]...
I'm new on jQuery. I'm developing an intro transition for a website. I've already done the FadeIn - FadeOut code for the page, here the example [URL].. but I've a little problem.When I click on the home button the animation restart.
View 2 Replies View RelatedIn my form I want user to Rate on a scale of 1-6 the importance of 6 questions that they have just answered.How can I Select 1 - 6 from a dropdown but have each selection be conditional...so the same number can't be selected twice.
View 4 Replies View Relatedi want to know, what should I do to make the j query simple slide show repeat playing as currently it stops when the slide show finishes.
How can I do it repetitive?
Is it possible to show the details of each record from the recordset in a show hide way?Each record would have a title - I need the sliding div to show the relevant info when the title is clicked on.Don't know if i've made this very clear so have posted the currect code below. At the moment clicking on any record drops down only the very first record.
<?php do { ?>
<a href="#" onClick="showSlidingDiv(); return false;">
<?php echo $row_candidate_details['Title']; ?> | <?php echo $row_candidate_details['Location']; ?></a> <br />
[code]....
i want this animation to start from the beginning but i dont know how to do it.im using scriptaculous framework. here is my animation:[URL].. and here is my code:
<script type="text/javascript" language="javascript">
//fade div 1
new Effect.Fade('anim1', {duration: 1, from: 0, to: 1,
afterFinish: function (one){ //after finnish 1
//after fade 1 effects
[Code]...