html

How to embed QuickTime VR "thingy" in an HTML page?

Tag this with send-me-the-codez if you will. I've been asked to assist in putting a Quicktime VR thingy (for lack of better term. movie? applet?) in an HTML page. How would I go about this? Pointers to examples online are most appreciated. Note: I checked out Apple's iPhone 360-degree views, which (I think) are the only examples of Quic...

How do you cancel your href="javascript:void(null)"?

I've recently been bitten by the javascript:void(null); bug in my hrefs when applied to images. In my version of Safari (4.0.3 in Leopard PPC) when I apply an href of javascript:void(null); around an image, the image completely disappears from the layout. Looking around I see this happens in IE as well though I cannot confirm. I've rea...

Why the height difference between a textbox and a surronding span?

Why is there a reported difference in element heights given the following html? <span id="spanner" style="margin:0;padding:0;border:0;outline:0;"><input type="text" /></span> When you ask for the height of the text box you'll get 16px. The height of the span is reported as 19px (usually, IE says 22px). ...

How do i change html element id client side with JavaScript?

I am modifying the ID of an html div element client side with JavaScript. The following code works OK in Internet Explorer but not in FireFox. document.getElementById('one').id = 'two'; Can anyone tell me: a) Why this doesn't work in FireFox. b) How to make this work in FireFox. EDIT To clarify, i'm changing the element ID to refer...

Adding unobtrusive progress bar to old-school file uploads

You all know the new generation of fancy, mostly Flash-based file uploaders like SWFUpload that can show a progress bar while uploading - a great improvement especially for shaky and low-bandwidth connections. However, these uploaders all bring their own logic of how to handle uploads on the client side. I am looking for an unobtrusive ...

prototype.js highlight words. DOM traversing correctly and efficiently.

Hi, I want to highlight a specific word in my HTML page after the page is loaded. I don't want to use the dumb: document.innerHTML = document.innerHTML.replace(.....); I want to traverse every DOM node, find out the ones that contain text and modify the innerHTML of only those individual nodes. Here's what I came up with: function h...

Semantic HTML5. Back to the 1990s?

I am taking a peek at Dive Into HTML5. It seems nice and interesting, but I am puzzled. In the 1990s, at the time when Netscape was the browser and HTML was HTML2 or HTML3, there were a lot of tags: address, cite, code... Most of them are unused as of today, probably even obsolete. HTML5 introduces tags to express "semantic meaning" t...

Is the form tag necessary?

In my HTML code, I have a form tag that contains two input boxes, username and password. The form submits the values to a PHP file which validates the values with the database and redirects to another page if the login is successful. The problem with this approach is that, if AJAX is not involved, it refreshes the page even if the login...

Why does %26 get decoded to & when passed as a parameter to a JavaScript function from a link?

We've got a menu in out web app that uses <a> tags to load pages in the main frame. A typical item in the menu would be something like: <a target="mainframe" href="/servlet1?param1=val1&parma2=servlet2?s2p1=val2%26s2p2=val3&param3=val4">Menu Item 1</a> We needed to add some JavaScript validation before the link is requested so I chan...

Force links in lotus notes emails to always open in a new window?

I'm using C# to generate emails that are read using Lotus notes. The problem is we want the links to always open up in a new window in IE but they always open in the same window when I use "Lotus Notes - Basic Edition" (8.0.1) but when I use the regular lotus notes 8.0.1, they always open up in a new window. I tried looking around in the...

Span cursor style on empty areas. IE8 problem

Hi I have a span with the following style: margin: 5px 0; padding: 2px; cursor: pointer; display: block; width:100%; background-color:Blue; This works fine with IE6, IE7, FF3 and Chrome, but in IE8 the cursor is changed only in the parts of the span that have text (in other browsers the whole span has the cursor changed). Any idea o...

How to automatically add <img> height and width in Visual Studio?

When I drop an html image onto my page (vs2005) the height and width attributes are not specified. Do I really have to edit the html by hand to add these? Or is there an automatic method? ...

How can I extract data from HTML tables in Perl?

Possible duplicate: Can you provide an example of parsing HTML with your favorite parser? How can I extract content from HTML files using Perl? I'm trying to use regular expressions in Perl to parse a table with the following structure. The first line is as follows: <tr class="Highlight"><td>Time Played</a></td><td></td><td>Artist</...

Autoscaling images in elastic layout

How may I display two images on a website with elastic layout, side by side which will autoscale to 50% of parent containter? I was playing with it last night but didnt went too far. When I went with divs, they overlaped each other or second image was displayed underneath first. When I went with table, table become wider than screen r...

How can I create a "neon sign" dynamically? (non-Flash/Java solution)

Hi, I want to have a dynamically generated Neon sign on my site. I want to pass it some text, have it rendered as an image (in a neon sign - something like: http://www.pixelhivedesign.com/tutorials/Neon+Sign+on+a+Textured+Surface/ ) and then show the image to the user. I dont think CSS font tricks can do this - that would have been fa...

How do I implement user preferences on a PHP jQuery page?

On a portal's main page, I'm using a jQuery container plug-in, and by this users can hide a container by just clicking the minimize button on a container. My question is: how can I save the user preferences in this regard? Then if the same user logs in again, I want to show the page based on user preferences. For example if a user hide...

Need to brainstorm some ideas for high performance overflow detector

Problem: I have a large table, with say 20 columns, and 150 rows. The columns can be resized by the user (think excel). Each cell has overflow:hidden set. When text overflows in any given cell i want to give a hint to the user that this is happening. Constraints: This must perform well on IE6. Meaning that if you do this on IE6, ...

Resizing div after iframe change src...

So I automatically resize my iframe based on content height as follows: <iframe name="main" id="main" src="main.php" frameborder=0 scrolling="no" onload="this.style.height = main.document.body.scrollHeight + 5; this.style.width = main.document.body.scrollWidth"> However, I also use a link to change the src (utilizing target if anyone...

Just noticed the `<i/>` tag on Twitter, did they make that up?

Twitter seems to be using an <i/> tag to display their icons from a css sprite. Did they just make up that tag, or is HTML I've never heard of? Brilliant idea at any rate :) ...

Drag and drop layout designer

Are there any tools (frameworks) to create web based layout desinger (something like in Visual Studio, but with html and javascript) - with drag and drop, ability to combine several html tags into one control, changing "control" properties on the fly (e. g. width, font, etc) and exporting layout into html (xml)? Looked at jQuery and ExtJ...