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]...
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?
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 RelatedI 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 RelatedMy 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 RelatedI 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?
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]...
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]....
I'm just restating my "site abandonment" post but with a clearer title as I realized it probably only made sense to me and me alone.
I have window that pops up with our commerce system. I have it set to pop up a window via JavaScript if the visitor quits early in the process (abandons the commerce system before completing all of the steps. The new popup is just a customer survey ("why are you leaving, is there something else we can help you with" etc. etc.).
Here's the problem, it works fine in IE, but in Firefox, anytime the page in the original commerce window is changed, refreshed or advanced to a new page, the survey popup window is called rather than just on window close.
Again, here's the two JavaScript routines that handle clicks on the graphical close button and on the window 'X' close button. Code:
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)
This JavaScript is a "Word Filter". It is a type of form validator. When the user submits some text, the validator will check the text for words that has to be filtered.
The words that have to be filtered must be added to the array swear_words_arr. When the user types the text and hits the submit button, if the text contains any word that is present in the array swear_words_arr, the form will not be submitted.
The script can be used for validation of swear words etc.
<html>
<head>
<title>Word Filter</title>
<!--BEGIN WORD FILTER JAVASCRIPT-->
<script language="JavaScript1.2">
// Word Filter
// (c) 2002 Premshree Pillai
// http://www.qiksearch.com
// http://javascript.qik.cjb.net
var swear_words_arr=new Array("bloody","war","terror");
var swear_alert_arr=new Array;
var swear_alert_count=0;
function reset_alert_count()
{
swear_alert_count=0;
}
function validate_user_text()
{
reset_alert_count();
var compare_text=document.form1.user_text.value;
for(var i=0; i<swear_words_arr.length; i++)
{
for(var j=0; j<(compare_text.length); j++)
{
if(swear_words_arr[i]==compare_text.substring(j,(j+swear_words_arr[i].length)).toLowerCase())
{
swear_alert_arr[swear_alert_count]=compare_text.substring(j,(j+swear_words_arr[i].length));
swear_alert_count++;
}
}
}
var alert_text="";
for(var k=1; k<=swear_alert_count; k++)
{
alert_text+="
" + "(" + k + ") " + swear_alert_arr[k-1];
}
if(swear_alert_count>0)
{
alert("The form cannot be submitted.
The following illegal words were found:
_______________________________
" + alert_text + "
_______________________________");
document.form1.user_text.select();
}
else
{
document.form1.submit();
}
}
function select_area()
{
document.form1.user_text.select();
}
window.onload=reset_alert_count;
</script>
<!--BEGIN WORD FILTER JAVASCRIPT-->
</head>
<body bgcolor="#FFFFFF">
<!--BEGIN FORM-->
<table cellpadding="10" style="border:2 solid #FF9900" width="200" align="center"><tr><td>
<form name="form1" method="post" action="post.cgi">
<center><font face="Times New Roman" size="6pt" color="#606060"><b><i>Word Filter</i></b></font></center>
<table><tr><td></td></tr></table>
<textarea rows="3" cols="40" name="user_text" style="border:2 solid #808080; font-family:verdana,arial,helvetica; font-weight:normal; font-size:10pt" onclick="select_area()">Enter your text here...</textarea>
<table><tr><td></td></tr></table>
<center><input type="button" style="background:#EFEFEF; border:2 solid #808080; width:100%; cursor:pointer" value="Submit" onclick="validate_user_text();"></center>
</form>
</td></tr></table>
<!--END FORM-->
</body>
</html>
Filter out words from multiple fields:
<html>
<head>
<title>Word Filter</title>
<!--BEGIN WORD FILTER JAVASCRIPT-->
<script language="JavaScript">
// Word Filter 2.0
// By Premshree Pillai
// http://www.qiksearch.com
var swear_words_arr=new Array("bloody","war","terror");
var swear_alert_arr=new Array();
var swear_alert_count=0;
function reset_alert_count()
{
swear_alert_count=0;
}
function wordFilter(form,fields)
{
reset_alert_count();
var compare_text;
var fieldErrArr=new Array();
var fieldErrIndex=0;
for(var i=0; i<fields.length; i++)
{
eval('compare_text=document.' + form + '.' + fields[i] + '.value;');
for(var j=0; j<swear_words_arr.length; j++)
{
for(var k=0; k<(compare_text.length); k++)
{
if(swear_words_arr[j]==compare_text.substring(k,(k+swear_words_arr[j].length)).toLowerCase())
{
swear_alert_arr[swear_alert_count]=compare_text.substring(k,(k+swear_words_arr[j].length));
swear_alert_count++;
fieldErrArr[fieldErrIndex]=i;
fieldErrIndex++;
}
}
}
}
var alert_text="";
for(var k=1; k<=swear_alert_count; k++)
{
alert_text+="
" + "(" + k + ") " + swear_alert_arr[k-1];
eval('compare_text=document.' + form + '.' + fields[fieldErrArr[0]] + '.select();');
}
if(swear_alert_count>0)
{
alert("The form cannot be submitted.
The following illegal words were found:
_______________________________
" + alert_text + "
_______________________________");
return false;
}
else
{
return true;
}
}
</script>
<!--END WORD FILTER JAVASCRIPT-->
</head>
<body bgcolor="#FFFFFF">
<!--BEGIN FORM-->
<font face="verdana,arial,helvetica" size="-1">
<form name="form1" method="get" action="" onSubmit="return wordFilter('form1',['name','email','subject','message']);">
<table>
<tr><td>Name :</td><td><input type="text" name="name"></td></tr>
<tr><td>E-mail :</td><td><input type="text" name="email"></td></tr>
<tr><td>Subject :</td><td><input type="text" name="subject"></td></tr>
<tr><td>Message</td><td><textarea name="message" rows="5" cols="30"></textarea></td></tr>
</table>
<input type="submit" value="Submit Form">
</font>
</form>
<!--END FORM-->
</body>
</html>
I found this script for filtering data in HTML tables that is simple and works in all modern browsers. However, I don't know how to modify the script so that it would search for multiple separate keywords.
View 8 Replies View RelatedWhat would be the best way to test for IE only, and IE less than 7 (without conditional comments)?
I want to apply alphaImageLoader via a JS function, but I am not sure of best way to only target IE 5.5 --> 6/PC.
Any tips?
How can i read the light filter properties?
I have a divide with id="pic". I have assigned a light filter -
pic.style.filter='light()'
I have assigned an ambient and two cones to the filter and made an interface
to change the parameters. I now need to read the status of the filter in
order to save the states. I have tried pic.filters.item(0).ambient.color -
pic.filters.light.anbient.color and some other variations but nothing
returns a value.
Let's say I want to filter the contents of a target web page, and
present a simpler page on the screen.
For example, let's say a target web page is full of links, text, images,
forms, etc. and I want to present a simple page containing just the links.
The original page is not "mine", that is, I can't just edit it in
notepad and stick some javascript in it.
So, what I want to do is write some javascript on a new page that I'm
developing, that will somehow "access" or "read" the target page, scan
and find all the links, and present them to the user.
My question is, what's a straightforward way from javascript to access
the target page ?
Should I be somehow loading it into a DOM object and then "walking" the
tree ?
Or should I somehow read it's HTML as text strings and parse it looking
for anchor links ?
What functions, methods, classes, objects in javascript achieve the goal
of something accessing a remote page and "looking" at its contents.
I would like to copy/clone the html DOM from "id1" to variable "tblContent",and remove the tag "<script>" and "<a>" from variable "tblContent", then append the html DOM to "id2" but not working...any error of my code? [code]
View 1 Replies View RelatedIs there any way to filter content by multiple parameter using jQuery
Something like in this site [url]but in my case I need to filter content using 3 different parameters. Price, Size and Location.
if I have 3 div, how to filter the div without class abc?
<div></div>
<div class="abc"></div>
<div></div>
I would to achieve the same result of the below function without using callbacks .
The function is:
$("#user-options-menu").find('a').each(function() {
// now I want to filter any <a> tag with <li> parent
if (!($(this).parent().is('li'))) {
$(this).button();
}});
I've tried with$("#user-options-menu").find('a:not(li:parent)') but without result.
On my comments system, i have things like...
if ( document.news.name.value == "" )
{
alert ( "Please Enter a Name!" );
valid = false;
}
Thats if they havent enterd a name. But i need to filter our words, so i need something like...
if ( document.news.name.value (--contains "rude words here"--)
{
alert ( "You cant post rude words" );
valid = false;
}
How can i do this?
I wanted to put data in dropdown..but capacity of data is arround 6000 to 8000,is their any method like multi-filter drop down?how to do it?
View 2 Replies View RelatedI am trying to achieve an effect similar to this: Our Recent Work | StudeoYou'll notice that if you click on any of the 'filters', the items below are sorted shown/hidden accordingly.
View 4 Replies View Relatedi use this code, (works fine)
$.post("verzenden.php", { note: content, action: "send", subject: subject },
function(data){ $("#myspan").html(data);
$("#myspan:contains('error')").css("color", "red");
[code]....
I wish to display a list of people on my website. These people are speakers who have different talents, or features. Male, female, high voice, low voice, german, english, persian, austrian ... a whole bunch of people. And I want to let my user use checkboxes to narrow down the speakers he could use for his production.
Here's the output filtering list (not complete, just rudimentary while I try to make it work)
<div id="filter">
<form>
<input name="speakerpool" class="checkfilter" type="checkbox" value="male" checked /> male<br>
[Code].....
My problem : I want to start with all checkboxes selected, showing all the people in this speakerpool, then narrow down as checkboxes get unchecked. This works well with combinations such as ".male .voice-low" which effectively removes all females and the other voices, I found here where I learned that is(".class1,.class2") is different to is(".class1.class2")
But, if I say, I want all english speakers, no matter if male or female, and I check male and female, I get none, since there is no speaker that is both male and female. At least not that I know of
Same issue with the voice-levels: most speakers either speak high or low or medium, yet I'd want to be able to check all those and get a comprehensive list, then.
My Question : Is there a way I can separate classes into class-groups or something? Maybe use prefixes like "sex-male, sex-female, language-english, language-german" and jQuery then uses the prefixes to check if they're supposed to be additive (?) or exlusive.
I am trying to show the data from XML with categories (catalog name="Employee Services"), i want to filter the data before the display of each services, this pls
my xml
<catalog name="Employee Services" order="1" color="#CC0033" image="srv_emp.gif">
<service>
[code]....