I would like some help in how to "shadow effect" words and letters in.I don't know anything about Javascript butI know there has to be a simple way to do this and be able to change the shadow color, whether shadow is left or right, size, etc.
View 14 RepliesI need a function like reverseChars(str_arg) � this will return a string containing the characters of the string str_arg in reverse order. For example, if reverseChars("javascript") is called, the return value will be "tpircsavaj".
View 9 Replies View RelatedI am using and modifying the sample demo page and have a error on IE:
Using:
The fade effect on IE causes that the image shadow.png appears black on border for a while, fade effect is too uggly, firefox and safari works fine. Now I have to set fade=0 only to support IE7.
I am new to JavaScript and was wonder how I would go about creating a form to allow the user to enter various words, one at a time. These words are added to an array and displayed in the page using the textarea form element. Each time a new word is entered, it is added to the array, and then the array is sorted in alphabetical order before the words in the array are displayed in the textarea, one per line. I have tried lots and lots of different methods to accomplish this, and I can get it half working when I use the alert function, but I need this to display on the page in a textarea rather than in an alert box, I tried to get it to write to the page using a document.write function, but like I said I am new to JavaScript and unfortunately cant get any of it working.
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "[URL]">
<html xmlns="[URL]">
<head>
<title>JavaScript Page One</title>
</head>
<BODY>
<CENTER>
<FORM name="history">
<INPUT name="command" type="text" value="">
<INPUT type="button" value="Add to List" onclick="f_store(document.history.command.value)">
<INPUT name="history" type="button" value="Show List" onclick="f_print()">
</FORM>
<P>
<SCRIPT language="JavaScript">
function MakeArray( n ) {
if( n <= 0 ) {
this.length = 0;
return this;
} .....
Recently in my IT class, we made a HTML page which would open a popup box, where the user could enter a key word. When the user pressed enter, the page would navigate to a specific page. The code we used was:
<script language = "JavaScript">
where = window.prompt ("Please tell me where you would like to go.");
switch (where){[code].....
implement this code on my workplaces server, and have the keywords link to other html documents within the server. However when I tested this, for some reason the links are not working.
I want to create a text box that learn form users entries... I know how to use that but with fixed values I set. I want whenever a user type a word it will be added to a text file (or any other way you know) and if the user typed the word again it will be shown from like drop-down list, like google does...
View 5 Replies View Relatedi want a value search(find) to database(table), this requires an ajax call to a server page? if want show result search live(online) and search letters to letters (transliteration), how is it?
[Code]...
I have written the following Jquery code to change an image and text on mouseover, what I want it for it to also rotate every 5 seconds automatically. Is there a way I can adapt this code to do that?
$("#main_nav li").mouseover( function() {
$(".navigation_main, .main_info").each (function() {
$(this).removeClass("on").addClass("off");
[code]....
Does anyone know how to create a "zoom in" effect on an image when you mouse over the image? By zoom in, I mean the original image gets smaller when you mouse over the image.
View 4 Replies View RelatedI wonder if it is possible to make a JS blur effect on an image while it's moving.It probably is but I haven't seen it done before with JS, only ActionScript for Flash, I wonder what is the reason for this.So the way I have been thinking this could be achieved is by loading several times the same image giving them transparency and offsetting them a pixel or two from each other.
View 2 Replies View RelatedI was wondering if there is a technique in jQuery or Scriptaculous to create an effect similar to the one here Check out how the image scrolls in and out. This is currently in Flash, but I'd like to do something similar with a JavaScript library.
View 3 Replies View RelatedThere is a banner ad at the top of the index page called banner1.jpg. I need help with creating a cycling banner ad using 3 banner ad images (bannerad1.jpg, bannerad2.jpg and bannerad3.jpg). I also need to add a link to bannerad2 that will take the user to www.bigmtn.com and add a link to bannerad3 that will take the user to www.bridgerbowl.com.There are three navigational buttons located on the first page. Each of these has the word up incorporated in their image name. Each image has a corresponding down image with the word down incorporated in the image name. How do I create a rollover effect and a mouse down effect that will swap the up image with the down image?This is the code for the Index page - Index.html
<html>
<head>
<title>Ski Montana</title>
[code]....
i have this javascript question below,
Code:
var xHRObject = false;
if (window.XMLHttpRequest) {
[code].....
I am currently trying to build a new function in javascript that is supposed to handle a string of text. The idea is that it should find the lowercase letters and uppercase letters in a string and then swap them.
Meaning all lowercase letter becomes uppercase letter and vice versa.
So i am just asking if someone could point me in the right direction or give some tips. I've currently been reading about the toUpperCase(); and toLowerCase(); functions and i am fairly confident i know how to use them for switching, however i still need a way to find the lower , upper character in the string so i later can switch them.
I downloaded a shadow box from the web that uses javascript and based on the size of the div it applies a shadow. This is great however when i apply a slider javascript function to it to make the div bigger the shadow goes nuts and does not like it.
Below is the code for the shadow box.
There is a live example of this here. [url]
I've tried a variety of ways to animate the CSS box-shadow property and have been having hit or miss success. Can jQuery animate the box-shadow yet and if so, anyone have code? I noticed a plugin that does this but it seems to get down into the bowels of JavaScript and manipulate and extend jQuery in ways that i don't want to get into.
I know that there's the box-shadow, -moz-box-shadow, and -webkit-box-shadow properties available, and to use them in jQuery they'd be BoxShadow, MozBoxShadow, and WebKitBoxShadow, but anytime I animate them I lose my initial CSS box shadow settings. More importantly I haven't found a way to manipulate some of the box shadow properties without modifying them all. In other words, I'd also like to animate just the x-offset without having to specify the entire box shadow string every time.
I assumed that this might be related to animating the border-radius CSS property and read a thread on stackoverflow about how to animate that, but it doesn't seem to extend as readily to the box shadow as I had hoped.
how to use the jquery and the dropshadow pluggin to do drop shadows on images.I'm doing this:
Code:
<script type="text/javascript" src="/css-js/jquery.js"></script>
<script type="text/javascript" src="/css-js/jquery.dropshadow.js"></script>
<script type="text/javascript">
[code]...
Can anyone tell me how to make a drop shadow for a table or td through
css. I dont want to use any image. I want it done through background
color.
On the mouseDown I've added a inset box-shadow to a button. This needs to stay active while the functionality of the button is in use, then when the button is clicked again the functionality stops and therefore I need to remove the inset box-shadow. This is the simple piece of Javascript I have written so far:
function mouseDown(ctrl){
ctrl.style.borderColor = '#aaaaaa';
ctrl.style.boxShadow = 'inset 0 0 5px #999999';
ctrl.style.WebkitBoxShadow = 'inset 0 0 5px #999999';
}
I'm developing a website utilizing Jquery Drop Shadow and thickbox and other things. I just implemented the thickbox and thought that maybe the slow response was my system (I've had photoshop, 12+ browser windows up, etc). I realize that may not be the case and I suspect jquery's drop shadow is a hog. I don't want to go through the entire code and implement a different shadow method at this point. Instead I'm wondering if anyone can verify this issue
[URL]... Click on the "Film Reel" and it may be especially slow to load. If you suspect it is my use of the Jquery Drop Shadow, can you recommend ways I could optimize it? One idea I have is to toggle it off and on when thickbox is opened and closed. However I don't know how to do that yet.
I want to know that how can I achieve overlay and shadow box when I click some button or link. I was trying to search, but I don't know to locate.
View 1 Replies View Relateddrop shadow not displaying right in certain browsers?
View 2 Replies View RelatedI want to change the color and the direction and color of the shadow of a text in a DIV area randomly.So far I've made a function that uses random
[Code]...
P.S. When I press DOT after tekst.style I dont see anything related to shadow.
I'm trying to build a background in two parts. The header bg is in the body and the lower part is a div with a gradient background color generated by CSS3 or IE filters. I had problems with getting the gradient to stretch all the way to the side in IE7 with plain CSS so I had to start looking for more watertight solutions.
[Code]...
If there are easier methods to solve this split background thing than JavaScript, I'm all ears. I can PM the address of the website, if someone wants to take a look.
I am seeking to change the color attribute in my CSS file under the ID's #realmaturesingles and #seniorpeoplemeet upon the hovering of these links. These two ID's are initialized inside an <a> tag (these are links). How can I do this with JavaScript? This is what I tried:
Code:
<script type="text/javascript">
$('#seniorpeoplemeet').FontEffect({
gradient:true,
mirror:true,
mirrorColor:"#CCC"
})
[Code]...
I have a basic CSS menu, that has submenus. I am wanting to add a drop shadow to the drop down boxes, using jQuery. I have found a nifty jQuery plugin that does shadows: [URL] the drop down shadow displays whether or not the submenu is showing/visible. The menu structure is rather simple with UL and LI:
[Code]....