html

How do I get the border-radius from an element using jQuery?

I've got a div, with the following HTML and CSS. In an attempt to make my Javascript code more robust, I'm attempting to retrieve certain CSS attributes from the selected element. I know how to use the .css() getter to get elements, but how to get the border-radius using that method? jQuery's documentation is sparse. HTML: <div id=...

HTML Chrome Audit Specify Image Dimensions

I just started using the chrome developer tools for some basic html websites and I used the audit tool. I had two identical images, one with the height and width attribute, and one without. On the Resources section, both the latency and the download time were identical. However, the Audit showed Specify image dimensions (1) A width an...

Jquery Insert element before <tr>

Hi all I am trying to insert a block element Insert something before another . I am not sure if I am using the right method but here is my code. Hope you guys can help. Thanks! Jquery $("#addMatch").click(function(){ $("<td>New insert</td>").insertBefore("#addMatch").closest('tr'); return false; //this would insert the...

How do you implement file drag-and-drop upload in Google Chrome?

I've found several tutorials online about implementing file drag/drop with Firefox 3.6 (they involve using a FileReader object to get the file binary data). However, I cannot create a FileReader object in Chrome on Windows or Mac. Does anyone know what the API is to read and manipulate data from a drag-and-dropped file in Chrome? If I...

jQuery: Div elements are not showing up

I am adapting the Coverflow technique to work with a div. Following is the html: <html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <style type="text/css" media="screen"> body,html { margin: 0; padding: 0; background: #000; height: 100%; color: #eee; font-family: A...

Chrome Extension: How to display tab objects?

I am in the process of designing an extension for Google Chrome that helps to organize tabs (I know, there are many that already exist; that doesn't matter). I wish to open a popup window that will display tabs as objects (i.e., in the same way that it is displayed in the tab bar at the top of the browser). One way of doing this would ...

Jquery and Ajax Post issue

Hello guys I am trying to add a click event on the element that is return from the server via ajax. Apparently, I have to attached my js file inside my return response instead of my main script. Is this the best practice? Do I have to create the separated js file to add event on the return text?? Example: My Jquery - selectWeek.js ...

CSS Table Formatting to a HTML Table

I am attempting to provide CSS formating to two HTML tables, but I cannot. I am setting up a webpage in HTML & CSS (with the CSS in an external sheet) and the layout of the website depends on the tables. There are 2 tables, one for the head and another for the body. They are set up whereas content is situated in one middle column of 60...

class on td is causing tr not to respond

I have this script and the rows that have td class "odd" will not toggle the blue color that the rows without the class "odd" do. anybody know why? EDIT: When you click a row (tr) it's supposed to toggle blue(.hltclick) and when you click it again it should toggle back to it's original color. For some reason the tr's that have the class...

document.location

How do you use document.location? Is it HTML or in JS? Please help me out! ...

Where to start to create an HTML website with 2 tables read from csv files using anything but php

I want to design a website which displays on loading two tables each with it's respective data from a csv file. Then every minute the website automatically refreshes. This problem seems so simple! But yet the solution eludes me. All of the files will be contained in 1 directory, not on a server but on a local machine. Such as sitting o...

How to hide first item from an Html Select Tag

I have the following code: <select> <option value="0">Option 0</option>. <option value="1">Option 1</option> <option value="2">Option 2</option> </select> When you click on select I wish the first item to be no longer listed. Also it must work on all browsers. How can this be done? Thanks. ...

iframe 100% height causing vertical scrollbar

I'm trying to layout a design that has a fixed height header at the top of the screen, and then an iframe below taking up the remaining space. The solution I came up with is as follows: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt; <html xmlns="http://www.w3.org/1999/xh...

document.location Question

I need some help with document.location. Basically, I need a button, using document.location, with the URL hide://. Please help! Thanks! ...

html/css: set div bounding box to window height

It looks like I'm missing something basic. I want a certain DIV to have the height of the window. The effect should be that there's never any need to scroll down. Do I have to use JavaScript? I was told that it's possible with css, but I can't find the relevant property - or I'm doing something wrong. ...

Anyone know how to lock a website (HTML) to portrait orientation on iPhone with (HTML) meta tags, javascript, etc?

Does anyone know how to either lock Mobile Safari's orientation to portrait, or to block landscape (via javascript or otherwise)? In other words, I want the web page to remain in portrait mode regardless of the orientation of the device. ...

Accessing Excel formulas from clipboard in HTML / JavaScript

E.g. I got a cell with the formula LEN(A3). Pasting it to an HTML text area or an text editor will just paste the value. Is there a way to access the formula in a cell from the clipboard instead of the actual value? ...

regarding tabs in html

while movin the mouse near the parent tab it should show the all menus under that tab how can we do this in html ...

difference between form id and form name used in html.

i want to know the exact difference between form id and form name used in html. ...

javascript html object model and template engine

I am looking for javascript library which can do something like var items = [1,2]; var html = div( ul({id:"some-id", class:"some-class"})(items.each(function(item){ return li(item); }) ); html == "<div><ul id='some-id' class='some-class'><li >1</li><li>2</li></ul></div>" ...