dhtml

How to "lock" columns in an HTML table?

I am pulling back a large amount of tabular data that I wish to display using a table. The only caveat is that I would like to be able to "lock" a few of the columns (fname/lname/email) so that when users scroll horizontally those columns always stay "locked" in place and are visible. I have done something similar to this before but th...

Make the OnMousedown event to be triggered only after the OnBlur event is triggered

We have a HTML screen that is formed by including the two sections below: Footer - A bar with icons that includes an Update button. The update button has the onmousedown event associated with it. When the Update button is clicked the data present in the Body is saved in the database. Body - HTML form with 2 input fields. Each of thes...

How to store dynamically generated HTML form elements from Javascript in Python?

I have an HTML form that a user can add an arbitrary amount of input fields to through jQuery. The user is also able to remove any input field from any position. My current implementation is that each new input box has an id of "field[i]" so when the form is posted it is processed in Python as field1, field2 field3, ...field[n] i = 0 wh...

Forcing lightbox/dhtml over flash

I have read a lot of posts about how you can force lightbox (or other dhtml things) above flash by modifying the embed-tag with wmode="opaque". Just modifying the z-index of lightbox (or whatever else you want above the flash) simply is not enough. But what if you cannot control the embed-tag? I am working with a client that has a ban...

Scrolling an HTML page with javascript?

I created a page that scrolled via JavaScript but in some browsers it does not scroll very smoothly when you and text to the page? And it doesn't seem to work at all in chrome. My question is: What is the best method to create smooth scrolling html pages using JavaScript that works cross browser. To get an idea of what I was trying ...

Displaying a color picker either in left r top without scroll bar

$(function(){ var myCP2 = dhtmlXColorPickerInput('${p}_COLOR_CODE2'); myCP2.setImagePath( pathIMG ); myCP2.init(); myCP2.setOnSelectHandler(function(color){ var sId= ${p}_Grid.getSelectedRowId(); ${p}_Grid.cells(sId,${p}_Grid.getColIndexById("COLOR_CODE2")).setValue(color); }); This is code i am having in which the dhtml co...

Does TinyMCE have usable content focus/blur events?

I want to be able to have default text like "Enter content here..." appear when the editor first loads, but I want this text to disappear when the user clicks/focuses on the content area. Then, if they "blur" (move out) of the content area without inputting anything, I want the "default text" to re-appear in the editor. After Googling a...

Tips on resources for moveable components

Hi, I would like to create a user interface like the iGoogle or facebook profiles where the end user can customize the layout. Move components around, resize e t c Do you have any suggestions on resources/code examples in order to create something like that? ...

How can you dynamically put different patterns on images in a webpage . .

i have A bunch of fabric patterns (simple jpg files) An image for every letter of the alphabet(blank white background) I essentially want to have a page similar to this: http://www.craftcuts.com/hand-painted-wooden-letters-single-patterns.html but instead of having it as a static page, i would like a user to be able to: Type in a ...

How to control sound in a pure DHTML game

I am looking into writing web based games using just Javascript, HTML, and CSS. It seems like there are large classes of games could be done using these technologies, except for one thing. I can't really find a good way of controlling sound, the only thing I see that it works is to embedding a control of some sort into the page. Is the...

Need to set 1 span's style to display:block on page load for an image gallery made up of span's set to display:none

i have some javascript in the head of a page that controls an image gallery where the user clicks a thumbnail image and a larger image and some text are revealed in a span. there are 10 of these thumbnails per page and i need to find out how to set the 1st thumbnail's hidden span to "block" on page load. <script type="text/javascript"...

How can I force reflow after DHTML change in IE7?

I have a page where the user can dynamically add file upload boxes. Adding the boxes changes the height of the div they are in, but certain elements of the div below it stay in the same place, so they start to overlap with the new DOM elements. This works correctly in IE8, Firefox, Chrome. How can I force IE7 to reflow the page with t...

DHTML popup window

I am trying to make a DHTML window on my website and I can actually get it to popup for me. The problem I am having with it is when it pops up it moves the text around on the page. I have seen examples of DHTML popups where this doesn't occur for instance here: http://dhtmlpopups.webarticles.org/basics.php or here: http://www.php-devel...

Tooltip to show above or below hotspot depending on scroll position

Hi, I have done some simple javascript to show and hide some div when you mouse over hot spot on a image map. <script> function showDiv(name) { document.getElementById(name).style.display = "block"; } function hideDiv(name) { document.getElementById(name).style.display = "none"; } </script> The functions are appropriately called on t...

Fx on Javascript: How to fade stuff, etc without frameworks?

Hi, I would like to learn how to do fade, and similar effects on Javascript. I often get answers, like why not use Jquery, mootools, etc ? Well, I want to learn how stuff works, then I wont mind using any of these frameworks. I'm currently learning about making changes on the DOM, so, I've read a lot of stuff on this theme. Also, I've ...

Cannot get CSS Drop-Down above Flash File

I have searched everything and tried every method I can get my hands on and cannot get my CSS drop-down menus to display above my Flash file. You can go to: http://beta.riverlifefellowship.com and username is 'riverlife' and password is 'flow' (without the quotes on both). I am using swfObject and have the <param name="flashvars" value...

Why doesn't "doScroll" work in IE8?

Is "doScroll" still supported by Microsoft in IE8? I can't get it to work at all. Here's a test page: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"&gt; <html> <body> <div id="a" style="overflow:auto; width:300px; height:300px; border:1px solid black;"> <div style="widt...

why won't my <div> resize with javascript when I tell it to?

I have a <div> element that contains a table, which I want to resize to the maximum viewport height - 70 px. The reason is that I want the header to stay in one place, and the table to scroll independantly. I can't use iframes for that, since there is complicated javascript interacting with the table. I therefore have to use a <div> and ...

Making a div smaller than its contents

I'm trying to show a div on a webpage, with mostly text. I would like to know if I can make it smaller so that not all the contents are able to be seen. (Javascript would make it larger later on.) ...

hack proof html coding with ajax

I have many lists e.g. a todo list, a shopping list etc. on my web page. I am using AJAX to add or delete the items. For example, for a todo list my HTML is like: <tr id="todo_userttypea_23"> <td>name</td><td>Delete</td></tr> Note if the users press delete then I am deleting that row. I get the id of the row and then break it to find...