русский
Germany.ru → Foren → Архив Досок→ Webdesign und Hosting

Высота строки Експлорер 6.0

163 просмотров Перейти к просмотру всей ветки
28.02.07 01:33
Re: Высота строки Експлорер 6.0
 
  scorpi_ скептик
in Antwort kotjara 27.02.07 17:24
Это тоже несложно, единственная фишка - IE не понимает табличных стилей для display.
Вот простой пример - http://scorpix.strana.germany.ru/at.html
HTML-file
В ответ на:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head>
	<title>Ajax test</title>
	<script type='text/javascript' src='prototype.js'></script>
	<script type='text/javascript' src='at.js'></script>
</head>
<body>
	<table border='1' cellpadding='5'>
		<tr><td>A</td><td>B</td><td>C</td><td>D</td><td>E</td></tr>
		<tr id='hidden_row' style='display:none'><td colspan='5' id='notice'></td></tr>
		<tr><td>A</td><td>B</td><td>C</td><td>D</td><td>E</td></tr>
	</table>
	<span id='at_btn' style='cursor:pointer'>Show hidden row</span>
</body>
</html>


Javascript-file
В ответ на:
function on_btn_click()
{
	new Ajax.Request( 'ajax.js', {
		method: 'get',
		onSuccess: function( transport ) {
			eval( transport.responseText );
			if ( data )
				$('notice').appendChild( document.createTextNode( data ) );
			$('hidden_row').style.display = document.all ? 'block' : 'table-row';
			Event.stopObserving( $('at_btn'), 'click', on_btn_click );
		}
	} );
}
Event.observe( self, 'load', function() { Event.observe( $('at_btn'), 'click', on_btn_click ) } );


Ajax-Daten (в последнее время предпочитаю JSON вместо XML)
В ответ на:
var data = 'some text';


Кроме того я воспользовался скриптом prototype.js - http://prototypejs.org/
 

Sprung zu