I would try to make a game/demo with legitimate script that is easy to read and properly segmented with functions instead of my previous attempts that are all one file.I'm trying to print the character (currently a circle) to screen in an external function (print_character in character.js).
View 2 RepliesI have the following html file
[Code]...
Now this code works on ios safari 4.2 and later but i can't get it to work on ios safari 4.1. On 4.1 it displays the canvas but will not draw the image. The debug console shows no errors. Is there anyway to get it to work, or is 4.2 the cut off point for even the most basic canvas operations?
I want to delete some lines on the canvas that i have created in HTML5 (with the <canvas> tag). I know one solution and that is using clearRect() (give this function the HEIGHT and WIDTH of the canvas and you clears the whole canvas.).But i don't want to clear the whole canvas, i only want to delete a few lines made by the function lineTo().
View 1 Replies View RelatedI have a menu in which is applied typeface script. Typeface 0.11 version doesn't support hover on links. There is an experimental version but doesn't work very well for me, so i tried to implement hover by myself.
Problem is: hover works pretty well changing canvas context property fillColor and then calling fill(), but the stroke on hovered voice remains on another color. Difficult to explain, so i put some test code online: TEST CODE As you can see, passing with mouse on the menu voices triggers the hover and the element change, but remains bordered in red.
[Code]...
how I can accomplish wrappingrelevantparts of a script into a function then call that function within a success area on another page.
This is what I have so far: Script.js page - This page is longer but this is the relevant part that I would like to wrap:
$(".product img").draggable({
containment: 'document',
opacity: 0.6,
revert: 'invalid',
[code]....
I need to draw like image 1 in file attach. But after i write code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
[Code]....
How to use Javascript to draw a rectangle when the user drags the mouse across the webpage?
I know the drawing methods but how do we allow the user to be able to draw a rectangle on the webpage?
e.g When the user drags the mouse across the page and releases the mouse button, a rectangle appears.
Well, not really a question but I'm pretty pleased with this JS I wrote I had to create triangles for this project I'm on, but there really isn't much out there in the way of that. Especially for things like mouseover effects.
Give it a go, let me know what you think! The only limitation atm is one side of the triangle MUST be flat, facing NSE or W. It's going to have functionality for specifying any 3 coordinates soon, and dragable capability as well a few more bits.
Any jQuery plugin that people would recommend for drawing bar charts or general graphs?
View 5 Replies View RelatedI've made a tabbing system with javascript which consists of a couple of functions and all I need to do is to initialize one of the functions from each html page the script is linked to.
Here is the function I want to initialize:
The parameter key would be the default selected tab and n being the number of tabs. So if I was to have 3 tabs with first one being selected by default I'd say change(1, 3).
I just need to know how to do this from the html file since I'll be using it on multiple pages and I don't want to have a different js file for each page.
I'm trying to call a external .js file that contains a function from a webpage, but haven't been able to discover how to reference the function.According to the book Beginning JavaScript 4th Edn, this should work - why isn't it?
View 10 Replies View RelatedI know very little about Javascript. I'm trying to use a function to specify a condition for an if statement. I can't edit the function because it is external.
Specifically; I am trying to use a geolocation service (geoPlugin to geolocate your visitors) to taylor part of my wesite. The service provides javascript functions here.
I am only interested in knowing which continent the visitor is from -
function geoplugin_continentCode() { return 'EU';}
In my case this function returns EU. What I want is to trigger a simple alert box onload but only where the continent code shows NA (which - I think - it will do if a visitor to my website is based in North America.)
I can't figure out if there is a way to use a function return as a variable if one can't edit the function? Or is this just something I can't do with Javascript?
I have one requirement. Is there any way to create a line graph using javascript....
View 11 Replies View RelatedUsing the jQuery SVG plugin, is it possible to load a large .svg and then only draw certain parts on an as needed basis? For example, if you have an outline of all U.S. states but the user only wants to see a certain state. Taking their input, you draw just those lines that are needed.
If this is possible, please point me in the right direction or provide some example code. I am currently using: $('#fp').svg({loadURL: '../rockwell-working2-merged.svg'}); Which displays the entire svg.
How would i draw a line on a page dynamically, like if i were clicking points on a map and i wanted to link them together. How could i do that?
i found this [URL], but maybe you know of something better that would not require coordinates
I'm trying to get points form xml file with for loop, put them inside path that represent my line on gmap. It fails. I tried a lot. XML is GPX file and its not a problem to pull data out with XMLHttpRequest. Then i have for loop:
[Code]...
I'm looking for a plugin for JQuery or other Frameworks or even pure JavaScript that can draw hirarchy schemes [code]...
View 1 Replies View RelatedI'm trying to execute a function in an external js file. I have the file linked
Code:
script type="text/javascript" scr="./JScript/JSFile.js" language="javascript"></script>
In my form the action points to the JSfile
Code:
action="JSFile.js"
My submission button has a link to the JS function
Code:
<a hef="javascript: function()"><input type="submit"></a>
When I click the submit button, it shows the JSFile instead of executing the function.
I have HTML page which use js function and worked fine b4 I pull out the javascripts function from that page.Then later, I created .js file for the js functions and test again, the function doesn't work anymore.
In .js file,
<script type="text/javascript">
var upload_number = 2;
function addFileInput() {
[code]....
When I click on the Upload another file link, nothing appear.It worked b4 I create separate js file.
On my site I'm using an external (big) javascript file, in this external file there is a function with the following line in it:
function showslide(){
return(currentSlide);
}
In my main html file the external javascript file is loaded within the head section. This external file does a lot of other stuff besides returning a number.Somewhere in my html file I need to call the showslide function. I tried doing that with this:
<script language ="Javascript" src="upload/3weg_slider.js">
document.write(showslide());
</script>
But it doesn't return anything, when I place an alert line within the function it doesn't show up either.
index.html:
<script type="text/javascript" src="JScript.js"></script>
..
<script type="text/javascript">displayTimes();</script><br>
JScript.js:
function displayTimes() {
document.write("8:30-9:50<br>9:55-11:15<br>11:15-12:00<br>12:00-1:20<br>1:25-2:43");
}
It's not displaying. How do I call the function properly? I tried reading about onload but it only applies to <body> and <img> and I want it in a specific area of the page. I can put the script on the same page and then call the function later, but I want to know if it's not possible doing the above properly.
Below is a sample HTML code for including a javascript file.
Code HTML4Strict:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
[code]....
When i browse this test html page on Firefox, the alert message is displayed as on the code above. But on IE, the page shows no such alert message.I assume this is a problem with the functions on the external js file not being recognised in IE.
I have a requirement that my javascript function can be called directly from the other website. I know how to add the external javascript and then call respective function
<input type="button" value="Testing direct function call of javascript" onclick="CALL THE EXTERNAL JAVASCRIPT(which will call main function in it" />
how can I create such javascript
Any one knows the java script or java applet code to drag and image items to any where in the web page to combine a simple graph?
View 1 Replies View RelatedIs there any plugin to let the user draw rectangles (probabbly withmouse clicks or key-arrows) and store the coordinates in a hiddenvariable ?
View 6 Replies View Relatedi need something simple without much overhead to read plain text (tab separated, columns & rows of data) .. and with the data i need to generate some charts (plot, bar, etc) better be interactive
since javascript doesn't need webserver like php .... setup is simple .. and can be run on any OS. i think it is my best candidate.
i dont know if javascript has any package to do stuff like this. what about interactive graph/chart? is it possible?