I have a image which need to be cropped from edges slightly to give a hexagon shape. see the attached image to see how the appear ance should be.
Would lik to crop images while loading on to this frames/boxes.
I'm working on this page: Work in progress
I'm using this tutorial:
On my work in progress link, I have two players on one page that just replace each other. The problem is with the left and right navigation arrows on the picture viewer. When you switch to the video player (grey video button on below player) the navigation arrows remain, I want them to only appear on the picture viewer. I think I can do this using z-index in css but need to give the two arrows some id's so I can select them. I can't seem to work it out in jquery! How to give the two images id's (see code below) or even better, make them only appear when you are on the picture viewer.
//** Step Carousel Viewer- (c) Dynamic Drive DHTML code library: [URL]
//** Script Download/ [URL]
//** Usage Terms: [URL]
//** Current version 1.9 (July 28th, 10'): See [URL] for details
jQuery.noConflict()
var stepcarousel={
ajaxloadingmsg: '<div style="margin: 1em; font-weight: bold"><img src="ajaxloadr.gif" style="vertical-align: middle" /> Fetching Content. Please wait...</div>', //customize HTML to show while fetching Ajax content
defaultbuttonsfade: 0.4, //Fade degree for disabled nav buttons (0=completely transparent, 1=completely opaque)
configholder: {}, .....
A while ago I made a little script - using JS and VML - which tries to imitate the shape tween possibilities of Flash.
View 1 Replies View RelatedI've got the following html code for a button - how can I get the cursor to turn into the hand shape when the mouse is over the button?<INPUT NAME="btn_cancel" TYPE="button" VALUE="Cancel" onClick="cancel_button_click()";>
View 14 Replies View RelatedI'm trying to modify an attribute of an SVG shape. This is my SVG file:
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
[code]....
i need to know if i can edit this piece of coding.
<textarea rows="10" cols="80" READONLY value="MY Text Goes Here"></textarea>
I'm trying to create an animation that would fill a complex shape (say an arrow) with a color from top to bottom. It'd be something similar to the third button in the button labEnter the site, go to button lab, select "Click Replaced by Timer". Can't link to it specifically cause it's all Flash).
View 1 Replies View RelatedI am working on an application where the user is able to draw using square images placed using absolute positions. The user can draw any shape but it must always be connected. I now need to work out the outline of the shape they created. The only information I have is the x y of the pictures that were placed. Its driving me crazy... I tried to work out a system of looping through all the pictures and seeing if there were any images touching.
My most recent idea was to make the javascript select the images and see if I could get the coordinates of the shape from there... In simple I need a way of merging the images into a shape rather than separate entities.
I've coded in Java before but I'm still having some trouble. I am trying to draw a ribbon type shape on an <canvas> element and for some reason, when I turned it into a function, it seemed not to work. Here is what I have for drawing the ribbon with a function:
function drawRibbon(height,width,Canvas){
var c=document.getElementById(Canvas);
var cxt=c.getContext("2d");
cxt.fillStyle="#bb0044";
cxt.beginPath();
cxt.moveTo(0,0);
cxt.lineTo(0,height-50);
cxt.lineTo((width-20)/2,height-100);
cxt.lineTo((width-20),height-50);
cxt.lineTo(width-20,0);
cxt.shadowOffsetX = 5;
cxt.shadowOffsetY = 10;
cxt.shadowBlur=10;
cxt.shadowColor = "black";
cxt.fill();
cxt.shadowOffsetX = 0;
cxt.shadowOffsetY = 0;
cxt.shadowBlur=0;
cxt.closePath();
cxt.beginPath();
cxt.strokeStyle = "#ffcc22";
for (i=5;i <= 135; i=i+15){
cxt.moveTo(5,i);
cxt.lineTo(5,i+5);
cxt.stroke();
}}
drawRibbon(200,120,navCanvas);
I feel like it has something either to do with the function definition, or the call. Before this script is executed, i create a canvas in the following way:
<canvas id="navCanvas" height="200" width="120">
Why it is not displaying.
I shoud give a "value" to an DIV's ID that change following the name of the
directory where the file is.
For example the file is here:
www.website.com/web/01/file.html
Is it possible with javascript to give the value "01" to the DIV's ID?
<div id="namedirectory"something inside </div>
so it could be readed as:
<div id="01"something inside </div>
I found in internet this one:
<script language="JavaScript">
fullpath=location.pathname;
document.write(fullpath);
document.write('<br />');
result=fullpath.split("");
document.write(result[5]);
</script>
it's something that could work?
I don't know how to recall the value in the ID...
I have two functions. How to give onchange events.
function toggleDivs(c) {
-----
---}
function disable3checkboxes(event, srcElement) {
---
---}
I have a page with checkboxes generated by a script. Users are suppose to select the checkboxes and click on a button to process their selection. The codes work fine except when I only have one checkbox on the page. Then it will not register sReturn.....
View 6 Replies View RelatedI would like to have just the top row cells of a table to have borders - is
this possible/easy? or do I have to make the title row another table?
How do i acces variable: id inside <a href.. and append my querystring variable to it?
example
<div id="email">
<a href="Emaillist_3212.html?id="><img alt="list" src="pics/email32.png"/>
<span class="name">Emails (?)</span>
[Code]....
I have a text box to which I give focus when a page loads. There is more than one submit button on the form. When I enter something in the textbox then hit Enter the first submit button on the form is activated. Is there some simple code I can use to shift focus to the submit button I want as I press Enter?
View 10 Replies View Relatedi have a page with lots of checkboxes and hidden fields. When i tick a checkbox i want it to give the hidden filed a value. But give it no value if it is not ticked. For every checkbox i have a hidden field is with it. Both the checkbox and the hidden field send information. I have used some js scripts but they don't seem to work with more than one checkbox.Example:
<input type="checkbox" name="box1" id="box1" value="4th July 2009,">
<input type="hidden" name="price1" id="price1" value="0">
So when box1 is ticked it then gives price1 a value. But if not ticked then the value remains at 0. I want it to give a value of 699.There will be about 100 checkboxes and hidden fields on the page. Also onclick behaviours do not work because it may still send the information if the checkbox is not checked.So for the next checkbox and hidden field i use box2 and price2.
I was wondering if there was any way I can give a child element, preferably the first one, a link through a parent element with an ID. code...
View 6 Replies View RelatedI found this matrix animation and was thinking it would be neat to run inside an inset table within its background with text over it and an image behind the vertically running text, though as it is right now it over takes everything on its own, how would it be possible to place it in a layer, I am referring similar to z-indexing it, also I think its background would need to be made semi-transparent or simply removed and then the tables background used instead? Code:
View 4 Replies View RelatedI am making a change to a .hta file. I did not write it, so I am trying to familiarize myself with it, and there doesn't seem to be very much documentation, so I have been stuck trying to figure this out on my own, but to no avail. Anyways, the code is opening an XML file. Previously, this XML file has always been in the same directory as the .hta file that was opening it, but then writing files to the program files directory is a bad idea, so we decided to change that. So how do you give a specific path to the load() function to tell it where to find an xml file? I have tried a variety of different things but they always give me an error. I'm not sure why it only seems to work if the XML file is in the same folder as the .hta. If there is a way to do this, is it possible to do it with environment variables too?I want to specify the temp folder. I have never done anything with javascripting before, so I don't know a whole lot about it. I was trying to find documentation for it, but there doesn't seem to be anything very comprehensive, like there is for other major languages like Java and C and C++ and etc.
View 3 Replies View RelatedI read this article: [URL]...I want to Combine this example with the example given in Part 1 to give this table of revenues alternating row colors!
Here are my combining codes: It is quite clear there must be something with them because I can't see the expected result after running. Help me find that mistake.
[Code]...
I have a form that opens a new window when submitted.
However, many people don't like new windows opening. So, I would like to create an option that would let users control whether the form result opens in a new window or in the same window. Can this be done?
I was thinking of adding a checkbox and if it would be chacked = new window, not checked = same window. How can I accomplish this?
Exactly what i want to know is, In my product we are using
xmlhttp request to retrive some data from the server, And Im using IE
browser, its working fine in IE.
Now i want to work with netscape,I dont know how to pass the xmlhttp
request in Netscape. i got some code like below for netscape for
xmlhttp
var oXML=new XMLHttpRequest();
oXML.open("GET","http://google.com",false);
oXML.send(null);
document.write(oXML.responseText);
but its not woking, it shows some uncaught exception error.
So can u suggest me some code for xmlhttp request for Netscape,Im using
version 8.1 netscape browser.
I am working on a problem that wants me to use a for loop to give an array a random number for each of it's elements (total of 10) and then using a second loop to add them up and display the result.
<script type="text/javascript">
var sum;
var i=0;
[code]....
I'm using the following code
Code:
<script type="text/javascript">
function checkField() {
var filebox = document.getElementById("File");[code]...
to try and prevent users from uploading files in an <input type="file"> that have characters that are not conducive to downloading. The problem I'm finding is that the code above seems to look at the whole path that is in the input box as opposed to just the file name. I know absolutely nothing about javascript, does anyone know how I can manipulate this code to have it just look at the file name?I've also posted this question at the following links: http:[url].....
user select a date/time for an input form. Once this form has been submitted i will use php to convert it into a unix timestamp for the db.
View 3 Replies View RelatedIn my application having so many datepicker contols.where should i give this properties commonly.
how should i pass dynamically in my textbox ID (or) which .js file i will set this properties commonly.
<script type="text/javascript">
$(function() {
$("input[id$=txtDate]").datepicker({
changeMonth: true,
[Code]...