I have absolutely no idea what is going on, but IE seems to be making random elements in my code disappear. Take a look at... [URL] and notice the login title and the forgot password link, you will notice that they look fine in firefox but disappear in IE. Does anyone know of any way to fix this mysterious error? I know there a lot of inline styles, they will be moved to the style sheets once all the bugs have been found.
View 5 RepliesI have a case where the user can select several choices from my 1st <SELECT>
element. The user's choice on the 1st <SELECT> effects what the possible
choices are for the 2nd element. Currently the 2nd element is a <TEXT>
input, but I'd like to be able to make it a <TEXT> element when certain
items are selected from the 1st <SELECT> and a <SELECT> when other choices
are selected. Is there a way to either change an element from <TEXT> to
<SELECT> (and back), or to make a <SELECT> or <TEXT> element disappear
without re-writing the entire page?
I'd like the text in the search box to disappear when the box is clicked in. Easy, right? I've found several how-to pieces online, and gotten it to work with at least two different methods. However, I found a rather snotty discussion of form semantics that made me wonder: what's the right way to accomplish this, can I tighten up this code to be clean and tidy, and most importantly, can someone explain it to me so I can understand it? Forms tend to leave me confrazzled.
[Code]...
so there might be a simple solution to my problem, but here is my question: I have a box:
====html====
<div id="box">
<div id="innerbox">
<a href="" id="toggle"></a>
There is some text inside this box. It spans the entire width blah
blah blah.
</div>
</div>
[Code]....
I've thought of placing divs with a higher z-index next the main box but this isn't really an option, since it would make the website too large.
I am trying to create a fixed crest at the top of my site that changes depending on where the viewer of the site scrolls to.
I found the following script/plugin on StackOverflow that works well for making one element fade in and fade out.
PART ONE:
function isScrolledIntoView(elem) {
var docViewTop = $(window).scrollTop();
var docViewBottom = docViewTop + $(window).height();
var elemTop = $(elem).offset().top;
[Code].....
I then duplicated part two and changed the variables to make a different div appear in this position depending on where the viewer was in the site but it did not work past the first transition. see the following link to get a better idea what I am trying to achieve.
[URL]
Is there any way I can adjust the script to make it work with multiple transitions?
I have a HTML file where I want to use javascript to generate a random float number between 0. and 1. and if the number is > or = 0.7 I want the background color of the HTML file change from beige to green. Is this stuff easy to achieve in javascript? Im a total javascript
View 5 Replies View RelatedI am using this script to rotate background images and it is working great HOWEVER we would like to control the order of the rotation and I am just not sure how to modify this code to do that?
<script type="text/javascript">
function ChangeCSSBgImg() {
if (!document.getElementById) return true;
var MyElement = "logo" //The ID of the element you want to change
var ImgPath = "graphics/en-US/new/rotate/" //The file path to your images
[Code]...
I'm trying to use the supersleight IE6 png fix with a content slider that moves the .png in and out of view using the css property overflow:hidden; What happens in IE6 is after implementing the IE6 png fix the .png displays great but the overflow:hidden doesn't work. I get the png image floating around outside of the content slider.
View 1 Replies View Relatedversion of Apycom's jQuery menu; you can find itat http://apycom.com/ and it is looking really good.I have uploaded files, and published it on a test site - www.flexin.beUnfortunately, some of the submenus starting from the second that haschildren elements, it adds the item on the top level in InternetExplorer.Does anyone on this list has any experience with this library?
View 2 Replies View RelatedI'm trying to use Javascript to have an array of images that load randomly AND work in a slideshow manner so change every 3 seconds (in a logical order). The code I have below presents a random image but how do I get them to continue from the random image and change to the next every 3 seconds?
<script language="JavaScript">
images = new Array(3);
images[0] = "<a href = 'photo1.html'><img src='images/photo1.jpg' alt='Photo 1'></a>";
images[1] = "<a href = 'photo2.html'><img src='images/photo2.jpg' alt='Photo 2'></a>";
images[2] = "<a href = 'photo3.html'><img src='images/photo3.jpg' alt='Photo 3'></a>";
[Code]...
I've looked for a solution to this issue, but it seems like a little different scenario than other situations. I made a system for generating friend requests on Facebook. I have a grid that is 6 x 3, for a total of 18 cells. Each cell has a picture in it, and the picture is linked to the Facebook friend request page. My problem is that since each cell is populated at random from the array, I'm getting lots of repeats. For example, some picutures are in 5 cells, and some are in none. I'm trying to figure out how to make it so that once a picture is used once in the grid, it does not get used again in the same grid.I still want every cell filled at random on each page load, I just want to prevent the repeating.
Here's my current code:
<script type="text/javascript">
var vip_list=new Array(
new Array('http://profile.ak.fbcdn.net/v225/1616/88/s1220771654_2158.jpg','http://www.facebook.com/addfriend.php?id=1220771654'),
new Array('http://profile.ak.fbcdn.net/v223/1233/29/s904885342_9055.jpg','http://www.facebook.com/addfriend.php?id=904885342'),
[Code]...
For my website I would like to create a famous last words generator (randomized), and random page generator (within my site). What is the code for random quotes and random links?
View 2 Replies View RelatedI have an ASP.net page where I load a record set server side and upload it into a listbox. I'm trying to do all the movement functionalities of the listbox items client side. Specifically, I'm trying to figure out how to copy selected listbox items from one listbox to another -- on button click. I've searched for a while, but every example that I found moves the actual item into another listbox, I just want to copy the selected item to another listbox.
View 6 Replies View RelatedI am new to javascript but have been using java for quite a while. I am looking to make a random quote (out of ten possible quotes) appear in my h2 tag in a page i am working on. In java, i would make a random number generator, in javascript it looks like this:
Code:
var randomnumber=Math.floor(Math.random()*11)
Then make an if statement:
Code:
if randomnumber=1 {
var quote="Live long and prosper"
}
document.write(var quote); Could someone more experienced than me tell me if my code looks good and how would a go about getting "var quote" in my h2 tag?
How can I make a textarea appear or disappear at the click of a button or
link?
I have a form all setup and working to add in rows to my table but when I submit or save, etc., the inserted rows do not show up in my page, the disappear.Here is the Code...
//CODE...PART ONE...
Code:
<html>
<head>[code].....
So, I have a content div and a floating sidebar (that's draggable). When I click on the content div, I want another div (with id #formatting) to appear inside the sidebar. This is already working.When I click outside the content div I want the #formatting div to disappear — but if I click inside the #formatting div it also disappears. How can I get it to stay there when I click inside the sidebar?Should I use an if statement, or are there other options?
$('#content').focus(function() {
$('#formatting').show('fast', function() {
//
[code]....
I have a problem with my draggables disappearing. They behave properly, correctly firing their function when the drop and correctly highlighting their droppable when they are dragged in. They are just not visible when they cross the Div dividing line.
View 1 Replies View RelatedI've been trying to find a good JavaScript code that I can use to make the text in my User Name and Password Input Boxes disappear. Does anyone know where I can get a good code for that?
View 1 Replies View RelatedI'm a beginning JavaScript programmer. What I do is looking for some code on the internet and try to understand to let it fit my needs.What I'm trying to do now is to let the default value of an input disappear onclick. It works fine except the default value of the password input are bullets instead of 'password'. Only when people give their password, it has to be bullets.
View 14 Replies View RelatedI'm not sure if what I'd like to do is possible, but it seems like it should be easy to do.
The website (and specific page I'm inquiring about) is
What I created is a list of projects, and upon rolling over a project name, an image appears that relates to that project on the right. Simple CSS trick.
In addition to this, I'd like for when the page first loads for there to be a placeholder image on the right hand side, and after the user hovers over the first project, the image would disappear and not return.
I think this makes sense to do so the user has something to look at before they start hovering over project names, instead of there just being a giant blank space.
Is this possible? It seems like it should be easy, but I really know nothing about Javascript.
I'm trying to make selected text appear / disappear depending on what the user clicks on. It works perfectly (as far as i can tell) in firefox, but in IE i get "Could not get the display property. Invalid argument". the strange thing is, it will make things disappear, but not show. I'm trying to change the display from 'none' to 'table-row' because that's the only thing that would display properly in firefox. here is the applicable [code]...
View 6 Replies View Relatedhow to let a message disappear after x seconds? It does work, but disappears almost immediately and then trows an error :(
This is what I have for now:
$
(
document
)
[Code].....
I have a nav bar, each link in it activates/triggers a megamenu (each link has its own megamenu). I need a way to have each link activate its own megamenu, the megamenu should close when:
1. The user clicks on another item in the nav bar.
2. The user clicks on the same item in the nav bar.
3. The user clicks on a 'close button' (X) graphic inside the megamenu (not shown in the HTML for simplicity sake).
HTML:
<div id="top-nav"><ul>
<li><span>Products & Services</span><ul>
<div class="megamenu">Content here...</div>
</ul></li>
<li><span>Support & Training</span><ul>
<div class="megamenu">Content here...</div>
</ul></li>
<li><span>Communities</span><ul>
<div class="megamenu">Content here...</div>
</ul></li>
<li><span>Store</span><ul>
<div class="megamenu">Content here...</div>
</ul></li>
</ul></div>
I've seen the script of 'Sexy Drop Down Menu' but the problem is that it closes the menu triggered by the click on hover, and as I said, I'm new to jQuery and I can't figure out a way to adapt it to what I need. [URL]
I try to fill text field with data from
templ<ul id="studentresults" data-inset="true" data-role="listview" data-theme="b">
</ul>
<script id="contactTemplate" type="text/x-jQuery-tmpl">
[code]....
the code work good templ fill textfield but the text style is disappear, I try to refresh the list but still the same problem, hope you have way to fix this problem
If you goto this page in IE and scroll down you will notice the text "Power, Safety, Simplicity, etc" Dissapears! This does not happen in Firefox. It could be a javascript issue but Im not really sure.
View 1 Replies View Related