Style.filter Percentage To Hex?
May 27, 2011
I'm working with a style.filter related function.Some of my function appear as ...
Code:
document.getElementById('audio').style.filter = 'progid:DXImageTransform.Microsoft.gradient(startColorstr=#A8' + c.substring(1) + ',endColorstr=#A8' + c.substring(1) + ')';
Everything is working but I'm trying to replace the "A8" part with a percentage typed in by the viewer.The percentage is simply a non-decimal number between 0 and 100 typed into a box.I know how to grab the value of the box (again, it's 0-100) but how do I convert that number into it's "A8" equivalent?
View 3 Replies
ADVERTISEMENT
Feb 9, 2011
I found this script for free online that does a really basic fade in/fade out slide show. The problem is, it doesn't fade in Firefox! It looks beautiful in IE though (it seems like it's usually the other way around). I've posted the code below, how can I do the same exact thing cross-browser?
// Set slideShowSpeed (milliseconds)
var slideShowSpeed = 5500;
// Duration of crossfade (seconds)
var crossFadeDuration = 3;
[code]...
View 5 Replies
View Related
Sep 9, 2011
I must insert in my standard html tables, the possibility to sort/filter columns.... in excel style, like this.There is a plugin that allows you to make this thing?
View 3 Replies
View Related
Dec 21, 2011
I thought I'd try to begin with the accordion and tab, but I have had no success yet. I must be missing something simple. Here is the first test page:[code]Instead of getting tabs, I get my pages (generated by cgi perl scripts) displayed in tiny little scrollboxes at the top left.Equally bad, Firefox is telling me, in the error console, that jQuery.Tabs is undefined.FireFox doesn't like the filter and zoom properties in your style sheet.So, then, what do I need to do to get the tabs to work in the first instance. And then, how do I modify it to use an Accordion to display the same material. Are there any issues I need to be aware of when I start having my perl scripts (using predominantly the Perl packagesCGI and CGI::Session)create these pages?As far as possible, I am trying to keep this all valid HTML5, so that I can eventually make this interface mobile device friendly.
View 6 Replies
View Related
May 24, 2011
Dont know if it can be done but.... I am using the percentage calculator
<SCRIPT language=JavaScript>
<!--
//Script by Tom Richardson Jr.
[code]....
View 2 Replies
View Related
Nov 2, 2011
I am using a JavaScript price calculator. Right now it does everything I need except for one thing.
If you look at the "type" field, they can choose either woven or printed. Right now, if they choose "woven" it adds 6 cents to to the total as you can see in this portion of the code:
if (theForm.select.value=="woven") {
priceeach+=0.06;
Rather than 0.06, how do I get it to add a percentage--say 20%
The form is located here: [URL]
View 3 Replies
View Related
Jun 9, 2006
I am going to use javascript to calculate a value depending on what the user selects from a dropdown menu.
I have 2 columns in a table and a dropdown menu. The value in the 2nd column is going to be calculated by taking a percentage of the number that is hardcoded in the 1st column.
The user will select an option from the drop down e.g. 10% 20% 30% etc... and the value in the 2nd column will be calculated according to the percentage of the value in the 1st column.
View 1 Replies
View Related
Jan 26, 2010
I have divs on a page that are placed in the center with something like
width:100px;height:100px;position:fixed;top:50%;left:50%;margin:-50px, 0, 0, -50px;
I want to animate this div to the bottom left (similar tominimizingeffect on windows)
I am trying to use.animate({
opacity: 0.25,
left: '10px',
bottom: '10px';
height: 'toggle'
}, 5000);
However when I activate this it simply jumps (or glitches) to that position, the opacity and height animate perfectly.
View 1 Replies
View Related
Oct 27, 2010
I have a problem in my code which is as follows:
Code:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
[code]....
My problem here is that I am calculating the percentage values of a whole number and storing those values in text boxes respectively through javascript function.Now,what I need is that I want to round all the values to integer value such that the sum of integer values is equal to the final value.
View 2 Replies
View Related
Sep 21, 2009
I am having an issue with converting my decimal to a percentage. Below is my code:
(cost * .06) is where the issue is
var cost = prompt("What is the cost of your purchase?", "")
document.write("Return Value: "+cost,("<br />"));
var salestax = cost * .06
document.write("Return Value: "+salestax,("<br />"));
var total = cost + salestax
document.write(cost + salestax);
View 3 Replies
View Related
Apr 12, 2011
I want to calculate the percentage of a number, but I'm getting a really weird result. In the following code f is equal to 3 and x.length is equal to 8. The part that isn't working is emphasised in bold. Basically 3/8 * 100 should result in 37.5 but the result I am getting with the following code is 7934570.3125. How do you calculate this percentage in Javascript?
function displaymember()
{
var m = 1;
[code]...
View 7 Replies
View Related
Mar 23, 2010
I am writing a form and doing a bunch of calculations one of which is a percentage based on the value selected. I am returning a correct result for two of the values but for the other two I am not.The 'discount' value is what I am looking for. It should return as 0 for values of 1 but it is doing the math as though it is multiplying by 1. And again for the value of 6 it should be 10% but is taking the value as 4.6 or something.Code is below I've included all of it (sorry) for better ease of understanding the math that is happening:
HTML Code:
<form id="form1" action="" method="get">
<fieldset>
<p>[code]......
View 3 Replies
View Related
Oct 27, 2010
I have a problem in my code which is as follows:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
[code]....
My problem here is that I am calculating the percentage values of a whole number and storing those values in text boxes respectively through javascript function.Now,what I need is that I want to round all the values to integer value such that the sum of integer values is equal to the final value.
View 3 Replies
View Related
Apr 7, 2011
so i am working on a calculator but i am having trouble with the % buttonif i do 200*50% it should be 100, but now it says 0.5the function code:
function PercentButton() {
if(NewNumber != "blank") {
Number2 *= .01;
[code]....
View 2 Replies
View Related
Dec 16, 2006
I am wondering if anybody can provide statistics what is percentage of visitors with disabled JavaScript.
Even more interesting would be statistics of users with disabled JavaScript making a purchase. I am more likely to purchase from my home than from work and I think the disabled JS is mostly result of IT dept. policies.
Is e-commerce site missing much if requires JavaScript?
View 7 Replies
View Related
Apr 4, 2011
I'm stuck on how to calculate the payment fee of 1.61% on top of the membership price. Also, how do I round the figures to 2 decimal places?Here's the Javascript so far:
<script type="text/javascript">
var member_prices = new Array();
member_prices["no"]=235.00;[code].....
View 10 Replies
View Related
Dec 1, 2011
I am implementing a zoom in feature, but actually tricking the user as a full screen image is simply being stretched.
I plan to apply it to several pages, and don't really fancy working out the pixels for each.
I believe that if you simply put width: 150% height 150% it will change the image size relative to the browser. I don't want that, I want it relative to the original image size. Could I do sort of height*1.5 or something? How would I write that if so?
<script>
$('#in').click(function() {
$('#drag img').animate({
width: '150%',
[Code]....
View 2 Replies
View Related
Mar 25, 2009
I didn't write much of this code, but basically, it opens an image in a new window. The problem is that the new window can either be the whole page, or a certain set size. I would like to make the window height and width determined not by a pixel number, but by a percentage of the size of the image I am opening in the new window.
here is the piece of code I think is pertinant.
// Strip file name from image src
var spath=targ.getAttribute('src');
wholePathLength=spath.length;
strippedPathLength=spath.substring(0,spath.lastIndexOf("/")).length;
[Code]....
View 10 Replies
View Related
Sep 21, 2009
How can i "prompt the user for the sales tax rate as a percentage"? this is what i have so far....
var tax = prompt("What is your tax rate percentage?", "")
document.write("Return Value: "+tax,("<br />"));
View 2 Replies
View Related
Jan 11, 2010
I am trying to customize this scrollbar so that it will fit all screen resolutions and I was wondering how I could do this by somehow customizing the JavaScript files created by Nathan Faubion or if I could do this using other JavaScript variables (var widthPercentage) to change the pixels to percentages?One of the pages on the website I'm using the JavaScript on
JavaScript file jsScroller.js:
//Created by Nathan Faubion http://www.n-son.com/scripts/jsScrolling/
function jsScroller (o, w, h) {
[code]....
View 6 Replies
View Related
May 5, 2010
My understanding had been that $.css("width") would return the original user selected style, eg "100%" or "10em", and $.width() returned the computed width, always in "px". Not so, following the code through for .css(), it calls something called getComputedStyle and the only difference between the two functions turns out to be a post-fix of "px" on the .css() result - not very useful. I need to know whether my user has called me with a proportional dimension, or a fixed one. How to tell with jQuery?
View 1 Replies
View Related
Apr 24, 2009
I have built a website and I wish to hide my code between "style type="text/css">....</style>
Is there a way to hide the code between it?
View 5 Replies
View Related
Mar 26, 2010
I'm setting position left to 100% and it works except in Chrome/safari. These browsers set it about 100px from the left not 100%obj.css('left', '100%');Setting the css by itself <img src="" style="left:100%;position:absolute" works fine.I don't know if this is a browser problem or a jquery problem.
View 1 Replies
View Related
Oct 12, 2011
This is probably quite a simple problem but I can't figure out the answer. I'm working on a site that has news stories and events coming in. What I would like is to have the news stories to be styled with squares and events with discs for instance. I might be able to change the actual plug-in so the CSS affects this change, but I just wondered how I could change the list-style-type with jQuery.
[Code]...
View 3 Replies
View Related
Oct 22, 2009
if I have an html page that uses the <style> or a <link> to call a style sheet these properties aren't available to JavaScript is there a good way to access them? eg
<html>
<head>
<title>expandable text area</title>
<style type="text/css">
[Code]....
View 8 Replies
View Related
Jun 12, 2002
does anyone know of any IE filters that can colorize an image. for example, i have a regular image border around a photo (a frame) and i want to be able to show what that photo will look like with different color frame borders.
i want to be able to add a filter to the images that make up the frame so that i can colorize it in different colors through javascript.
this beats creating 200 different frame images, each representing a different color. thats a lot of management that i dont want to deal with.
the closest i came was this:
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=0, xray=0, mirror=0, invert=0, opacity=1, rotation=0)
View 5 Replies
View Related
