I use a Time Date Picker Javascript code [URL]. It works fine with a placement problem. When you click one of the last pair input fields on the page, a drop-down list will appear from the input field. In my case, the drop-down list shows on the bottom of a page instead. I can't find the code controls the location of the list.
View 1 Replies
Isn't it possible to place a text at a fixed place on a picture with javascript ?
The text will be AJAX updated...
I trying to create a navigation similar to: [URL] I can do the drop down and the transparency, but I don't know how to make the navigation slide into place. I've done some research, but I'm kind of stuck.
View 1 Replies View RelatedI'm setting up a web page and think jQuery will be able to sort this out for me.
I have an unordered list (5 items so far, but a few more may need to be added). On clicking on any of the items I need three things to happen on the page:
1. place a picture into a div
2. place a caption into another div
3. place a title into a third div
Clicking on a second item needs to hide these and show that item's related three bits.
So, is jQuery/javascript my best tool, how I can achieve it?
What I am trying to do is build a script that will read through an array of words and compare another word to the list to find where it would be placed alphabetically; between which two words would my word go.
Here is what I have come up with so far which doesn't work with words shorter than the shortest word in my list, or words spelled like the shortest word in my list except having a few more characters, plus more various issues.
Example: My list
If I use keywords "apex," or "as", this script fails.
What can I do to fix my code...
i have a function in javascript. when someone clicks on a link the text in a
layer changes.
i want breaks in the text, in html you would use '<br><br>'.
i tried this in the variable that contains the text but it does not work.
so my question is: how do i get these breaks in the text, so that the text
looks good in the layer?. Code:
Is there a way to put the focus on a DIV. Let's say I have several DIV's on a long page. I would like to move the focus to any DIV.
View 1 Replies View RelatedI am building a stand alone help file system (.chm) I have a script for
popups that I intend to re-use through-out. The code works fine when the
script is above the <head> tag in the html document.
However, I have been unable to get the page to load if I just link to the
script. It seems that the script link needs to be placed in different
locations dependsing on what you are doing. Any insight?
This works fine in netscape but IE won't do it. I have a div which contains
some links and a thumbnail. What's supposed to happen is when you click the
thumbnail the links disapear and the now invisible div is resized moving
everything below it. In IE it only resizes as small as the size of the dive
plus the size of the links. Code:
Javascript is my very weakest, and i'm not all that good..I need to adapt this (already working) code to add the text where the cursor is within the textarea.Like i say, the above code works fine, its just now to get it place where the cursor is within the box.
View 3 Replies View RelatedI am looking out for something on div appending
Code:
<div id="div2">
<input type="text" id="tbox" />
<div>Some text goes here</div>
<div>Some text goes here</div>
<div>Some text goes here</div>
</div>
I wants to create new div on the fly and append it at the bottom of textbox and above those "Some text goes here" divs. I know how to append, I tired that one. But it appends below those "Some text goes here" divs. I wanted above them and below text box.
We have the function detailed below which controls some image in our website. However, one of the images we would like to place an imagemap in the top corner but after all of our attempts the javascript below seem to stop the imagemaps from working.
[Code]....
I have 3 div tags that I am working with, out of which on click of Radiobutton based on this button only one div tag should be shown on the webpage. I am successful in achieving that but my problem is that these div elements are showing up in different places of the page. How I can make these div tags replace each other at the same place.
Please find below the code I am using.
<div id="totalTable">
<table border="0" cellspacing="0">
<tbody>
<tr class="first">
<th width="351">Regulatory Limits</th>
<td id="regLimitLamp" width="70">100</td> .....
Functions as below:
function radioonload(){
document.getElementById("totalTable").disabled = false;
document.getElementById("totalTable").style.visibility = "visible";
document.getElementById("totalTable11").disabled = true;
document.getElementById("totalTable11").style.visibility = "hidden";
document.getElementById("totalTable22").disabled = true;
document.getElementById("totalTable22").style.visibility = "hidden";
}function radioCheck(radiovalue){ .....
I have the following code:
'<div class="Comment">' +
$.each(post.Comments, function (i, comment) {
document.write(comment.Description);
}) + '</div>'
);
The document.write() is not working, it erase all the content of my page in fact. What I want is just write the HTML contained in 'comment.Description' for each iteration (comment.Description contains a DIV with multiple elements in it!)
I have a small function which is not entirely correct. Although it produces correct results, syntactically it's wrong. Here's the function, then I'll explain.
function displayLabelErrors(selector) {
$(selector).each(function () {
var valError = false;
$('.validation-error', this
).each(function () {
if (!$(this).attr("isvalid")) {
valError = true;
}});
$(this).toggleClass('input-error', valError);
});}
The var 'selector' is an ID and can therefore only ever be 1 object. The foreach in blue isn't required and the red 'this' (context) should be the selector. The issue I have is when I remove the loop, I'm struggling to understand how the var selector fits in the place of 'this'. I've tried a few different ways and still failing.
I know that I can retrieve the values from a single object and place them in a <ul> with the following code :
$('document').ready(function(){
var employees = {
name: 'Mary Brown',
[code]....
I want to create a div tag and place the: includefiles/highlight_getText_forum.php?"+getKeyURL's content in there.
So far there are no errors but it's not working:
Code:
I'm looking for a video/image gallery which will display my movies just like that code...
I know that I could do it via css but what is important after clicking on a specific movie it will display like that code...
Is there any way to solve it? I dont want to implement every movie standalone with css.
I was wondering: You know how you're able to left-click and hold the mouse-button down on a image and then drag it around? Everybody must know that; Is there a way to "lock" the picture, so that isn't possible? I'm not talking about removing the right-click features, like saving the picture, etc. I just want the users not to be able to drag it all over the place - like a background for example. In HTML, of course
View 14 Replies View RelatedIf this issue is a JavaScript syntax issue, then I just know you'll spot it.
Context: swfObject2 dynamic embedding.. so the swf object is not written into the code that's sent to the browser. (The swf is there on the resulting page in the browser; doing it's thang just dandy and waiting for further instruction from user action). Function in swf "functInSWF" registered using ExternalInterface.callback(); (I'm working in AS2).
So... javascript:
Code:
The message I'm getting in the debugger is: "TypeError: Result of expression 'thisMovie("someSWF").functInSWF' [undefined] is not a function"... so I'm presuming nothing is being sent to the swf and therefore this is a JavaScript issue I need to track down.
I've tried (what's not recommended) getElementById with the same result.
I've got a div with an id of messages - It is essentially a chat system however chat usually adds messages to the bottom of a list which means the messages do not get pushed down while you are reading them. This system instead adds the messages to the top. I need a way of finding the current scroll position so that when a new message is added the scroll remains in the same place.
View 2 Replies View RelatedI need to do is take the current page's url and replace/add a bit into the URL at the appropriate place.For Example, if this is the Current Page URL:http:[url]...I want to be able to use the bookmarklet to change it to:http:[url]....This is all I've got for it so far. Probably botched that up too. : javascript:(function(){var%20a=document.URL.split([url]....
View 7 Replies View RelatedI have a div in my HTML that that when rolled over reveals an image.
I can't figure out how to place a random image from a set of 5 images to appear in the background of that div when it is rolled over again.
<script type="text/javascript">
/* <![CDATA[ */
function fillNewsInfo() {
if (newsRequest.readyState == 4 && newsRequest.status == 200) {
var news = newsRequest.responseXML;
[Code].....
<head>
<script language="JavaScript" src="includes/subpages.js"></script>
<script language="JavaScript" src="includes/default.js"></script>
</head>
One preloads images, controls my mouseovers, etc
The other is my form validator.
What should the correct code be as this one clearly doesn't work.
Obviously I don't know a thing about Javascript.
The script below allows me to create expandable/collapsible menus. What I'm trying to figure out, and have been brutally unsuccessful thus far, is how to expand the menus upon an initial visit.
For example, on the home page, I have a link to "Colors" and a link to "Groceries". When a user clicks on "Colors, they are taken to a page with the collapsible menus:
Colors
GroceriesIf they were to click on Colors, the menu would expand and the user would see:
Colors
- Red
- Blue
- Yellow
GroceriesI want to make it so that if the user clicks on "Colors" from the home page, the "Colors" menu is automatically expanded on the page with the collapsible menus.
Can someone help me out? Code:
