Home : Forums : Authoring and Programming : Tabs

Tabs

  You are currently not logged in. You can view the forums, but cannot post messages. Log In | Register
07-Sep-10 01:43
DeleteDelete EditEdit
leo_gatmaytan leo_gatmaytan's avatar Rank: none
No stars yet
Posts: 8
From: philippines
Hi Matt,

Here is the page:

http://www.volvo-signs.br.com/brazil/tab.html

It works on IE but not on FF. I want it to work on any browsers.

Please help me. Thanks
07-Sep-10 03:00
DeleteDelete EditEdit
leo_gatmaytan leo_gatmaytan's avatar Rank: none
No stars yet
Posts: 8
From: philippines
HI,

Anyone got any idea???
07-Sep-10 07:17
DeleteDelete EditEdit
matt matt's avatar Rank: gold
Gold
Posts: 3118
From: Southern Highlands, NSW, Australia
Works fine for me in Firefox 4.0 beta 4.

--
Matt Doyle, Elated
Second Edition of my jQuery Mobile book out now! Learn to build mobile web apps. Free sample chapter: http://store.elated.com/
07-Sep-10 19:26
DeleteDelete EditEdit
leo_gatmaytan leo_gatmaytan's avatar Rank: none
No stars yet
Posts: 8
From: philippines
really? the dropdown works? if you choose something from the dropdown menu, the text box should be populated automatically.

check this:

http://volvo-signs.br.com/brazil/dropdown.html



so basically, I want that to be in a tab.
08-Sep-10 00:50
DeleteDelete EditEdit
matt matt's avatar Rank: gold
Gold
Posts: 3118
From: Southern Highlands, NSW, Australia
@leo_gatmaytan: If you mean the select elements inside tab 2, you can't write:


function D1_onchange() {
T1.value = valyusdesc(D1.value)
}

function D2_onchange() {
T2.value = valyusdesc(D2.value)
}

function D3_onchange() {
T3.value = valyusdesc(D3.value)
}


...because the identifiers T1/T2/T3 and D1/D2/D3 aren't JavaScript variables.

Instead write:


function D1_onchange() {
  document.getElementById('T1').value = valyusdesc(document.getElementById('D1').value)
}

function D2_onchange() {
  document.getElementById('T2').value = valyusdesc(document.getElementById('D2').value)
}

function D3_onchange() {
  document.getElementById('T3').value = valyusdesc(document.getElementById('D3').value)
}


--
Matt Doyle, Elated
Second Edition of my jQuery Mobile book out now! Learn to build mobile web apps. Free sample chapter: http://store.elated.com/
15-Sep-10 20:27
DeleteDelete EditEdit
PayneLess Designs PayneLess Designs's avatar Rank: none
No stars yet
Posts: 6
From: Gulfport, MS USA
Worked great in my version of Firefox, but I mainly noticed that you code to XHTML 1.0 Strict so you might want to validate your CSS/XHTML coding for all your pages as you do need to close some tags in XHTML that are not normally closed:

CSS Validator: http://jigsaw.w3.org/css-validator/

HTML Validator: http://validator.w3.org/#validate_by_uri+with_options

Good luck.

[Edited by PayneLess Designs on 15-Sep-10 20:28]

--
For economical web site designs, see us at:

http://PayneLessDesigns.com
 
New posts
Old posts

Follow Elated