Цитата:
|
Цитата:
Цитата:
Цитата:
Цитата:
|
кстати, ты знаешь, что microsoft входит в w3c
|
Цитата:
Цитата:
Цитата:
Цитата:
Цитата:
|
Цитата:
Цитата:
Цитата:
Цитата:
Цитата:
Цитата:
Цитата:
|
ну вот берем с твоего сайта
xml (1169 байт) <?xml version="1.0" encoding="UTF-8" standalone="no"?> <?xml-stylesheet type="text/xsl" href="test.xsl"?> <window xsl="cheats" css="cheats"> <content> <text caption="Коды"> <p>Text text text <b>text</b> text <i>text text text</i></p> </text> <cheats> <cheat type="var" use="server" setinfo="0" autoexec="1" defvalue="800" values="number">sv_gravity </cheat> <cheat type="cmd" use="server" setinfo="0" autoexec="0" defvalue="0" values="0-infinity">sv_restart </cheat> </cheats> <text caption="sv_gravity"> <p>Text text text <b>text</b> text <i>text text text</i></p> </text> <cheats> <cheat type="var" use="server" setinfo="0" autoexec="1" defvalue="800" values="number">sv_gravity </cheat> <cheat type="cmd" use="all" setinfo="0" autoexec="0" defvalue="0" values="0-infinity">sv_restart< /cheat> </cheats> <text caption="sv_restart"> <p>Текст text text text <b><i>text text</i></b> text <a href="http://www.google.ru">text text</a> text</p> </text> </content> </window> xsl (1456 байт) <?xml version="1.0" encoding="UTF-8" standalone="no"?> <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"> <xsl:output method="html" encoding="UTF-8" omit-xml-declaration="yes" indent="yes" media-type="screen" /> <xsl:template match="cheats"> <div class="table"> <table border="0" cellpadding="0" cellspacing="0"> <tr class="tr_caption"><td>Cheat</td><td>Type</td><td>Use</td><td>Setinfo</td><td>Autoexec</td><td >Def value</td><td>Values</td></tr> <xsl:for-each select="cheat"> <tr> <td><strong><xsl:value-of select="."/></strong></td> <td><xsl:value-of select="@type"/></td> <td><xsl:value-of select="@use"/></td> <td><xsl:value-of select="@setinfo"/></td> <td><xsl:value-of select="@autoexec"/></td> <td><xsl:value-of select="@defvalue"/></td> <td><xsl:value-of select="@values"/></td> </tr> </xsl:for-each> </table> </div> </xsl:template> <xsl:template match="text"> <xsl:for-each select="."> <h3><xsl:value-of select="@caption"/></h3> <div class="text"><xsl:copy-of select="node()|@*"/></div> </xsl:for-each> </xsl:template> </xsl:stylesheet> innerHTML (1653 байт) <h3>Коды</h3> <div class="text" caption="Коды"> <p>Text text text <b>text</b> text <i>text text text</i> </div> <div class="table"> <table border="0" cellpadding="0" cellspacing="0"> <tr class="tr_caption"> <td>Cheat <td>Type <td>Use <td>Setinfo <td>Autoexec <td>Def value <td>Values </tr> <tr> <td><strong>sv_gravity</strong> <td>var <td>server <td>0 <td>1 <td>800 <td>number </tr> <tr> <td><strong>sv_restart</strong> <td>cmd <td>server <td>0 <td>0 <td>0 <td>0-infinity </tr> </table> </div> <h3>sv_gravity</h3> <div class="text" caption="sv_gravity"> <p>Text text text <b>text</b> text <i>text text text</i> </div> <div class="table"> <table border="0" cellpadding="0" cellspacing="0"> <tr class="tr_caption"> <td>Cheat <td>Type <td>Use <td>Setinfo <td>Autoexec <td>Def value <td>Values </tr> <tr> <td><strong>sv_gravity</strong> <td>var <td>server <td>0 <td>1 <td>800 <td>number </tr> <tr> <td><strong>sv_restart</strong> <td>cmd <td>all <td>0 <td>0 <td>0 <td>0-infinity </tr> </table> </div> <h3>sv_restart</h3> <div class="text" caption="sv_restart"> <p>Текст text text text <b><i>text text</i></b> text <a href="http://www.google.ru">text text</a> text </div> пока что html выигрывает. Замечания? |
а теперь при помощи такого кода
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="en"> <head> <title>title</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript"> window.onload = function() { document.getElementsByTagName('a')[0].onclick = function() { getXml(); return false; }; }; function getHtml() { ajax( '37.html', function( req ) { document.getElementsByTagName('div')[0].innerHTML = req.responseText; }); } function getXml() { ajax( '34.xml', function( req ) { getXml.xml = req.responseXML; ajax( '35.xsl', getXsl ); }); } function getXsl( req ) { if (window.ActiveXObject) { try { var r = getXml.xml.transformNode( req.responseXML ); } catch(e) {} } else { var xslt = new XSLTProcessor(); var serializer = new XMLSerializer(); try { xslt.importStylesheet( req.responseXML ); var r = serializer.serializeToString( xslt.transformToFragment(getXml.xml, document) ); } catch(e) {} } document.getElementsByTagName('div')[0].innerHTML = r; } function getXmlHttp(){ var xmlhttp; try { xmlhttp = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { try { xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } catch (e) { xmlhttp = false; } } if (!xmlhttp && typeof XMLHttpRequest!='undefined') { xmlhttp = new XMLHttpRequest(); } return xmlhttp; } function ajax( url, callback ) { var xmlhttp = getXmlHttp() xmlhttp.open('GET', url+'?'+Math.random(), true); xmlhttp.onreadystatechange = function() { if (xmlhttp.readyState == 4) { if(xmlhttp.status == 200) { callback( xmlhttp ); } } }; xmlhttp.send(null); } </script> </head> <body> <a href="#">link</a> <div></div> </body> </html> убеждаемся, что xml/xslt - 11ms (код) + 5ms(xml) + 4ms (xsl) html - 6ms (код) + 5ms(html) может будут замечания по методике тестирования? |
Цитата:
<cheats> <cheat type="var" use="server" setinfo="0" autoexec="1" defvalue="800" values="number">sv_gravity </cheat> <cheat type="cmd" use="all" setinfo="0" autoexec="0" defvalue="0" values="0-infinity">sv_restart< /cheat> </cheats> <text caption="sv_restart"> <p>Текст text text text <b><i>text text</i></b> text <a href="http://www.google.ru">text text</a> text</p> </text> и выигрыш будет очевиден. |
+если у нас будт больше узлов cheat, то выигрыш будет расти быстрее... Для простых xml, xsl будет и меньше. Потом, для многих xml используется одни xsl из кэша - ещё выигрыш...
|
Цитата:
|
Цитата:
|
Цитата:
|
А, вот ещё хотел спросить...
Была как-то мысль прикрутить такой функционал: дабл клик и окно расшияется/сужается. Проблема в том, что не нашел решения как должно себя вести окно в развёрнутом виде при ресайзе браузера... Может есть мысли?! Вопрос больше в том, как это реализовать... |
Цитата:
Цитата:
Цитата:
Цитата:
Цитата:
Цитата:
Цитата:
Цитата:
Цитата:
Цитата:
|
Цитата:
Цитата:
Цитата:
Цитата:
Цитата:
|
Теперь сайт должен работать без скриптов ,например, вбить http://www.cs-console.ru/?path=011 загрузицца контент и, если есть JS, подхватитцо окно. Потестите плз, вроде всё ок.
|
Цитата:
Цитата:
Цитата:
и вообще, зачем такая хитрая верстка? Цитата:
а теперь берем оперу: у нее при ресайзе окна вкладки (которые в виде окна) во-первых не масштабируются, во-вторых могут оказаться за пределами основного окна, в-третьих не перемещаются. Найди еще какое-нибудь mdi-приложение, я уверен там также будет. Если окно за пределами основного окна, к нему всегда можно получить доступ (увеличив основное окно) Цитата:
|
Цитата:
Цитата:
Цитата:
|
Цитата:
Цитата:
Кстати твой масштабирующийся фон тоже как-то странно смотриться. Можно было бы сделать это рисунком, который непрозрачный в центре и прозрачный по краям |
Цитата:
Цитата:
Цитата:
|
Сделал ссылку ссылкой:blink: :D
|
Цитата:
Цитата:
Цитата:
Цитата:
Цитата:
Цитата:
Цитата:
|
Цитата:
Цитата:
Цитата:
Цитата:
Цитата:
|
Цитата:
|
Теперь при таскании/ресайзе контент пропадает только в ие для увеличения производительности. Остальные справляются на ОК, поэтому прятать не стоит...
|
Цитата:
|
Цитата:
Цитата:
Цитата:
|
"javascript" в IE8 чуть ли не самый быстрый (часто слышу, что даже быстрей чем в Chrome). А тормозит из за всяких там прозрачностей и прочего.
|
Цитата:
|
Цитата:
|
Цитата:
|
Цитата:
Цитата:
Цитата:
Цитата:
|
Цитата:
Речь шла о дизайне а не о функциональности. Такого функционала в контре вапсче нет. Цитата:
|
Цитата:
|
Цитата:
|
за то время пока ты здесь отписываешься.. можно было сделать десять таких.
|
nemo,
за то время, пока ты на форуме, ты хоть один сделал? |
дать ссылки??????????????! зато время пока я на этом форуме уже стольково понаделал.
|
мне хватит 5 минут чтобы придумать и нарисвать дизайн + 5 минут чтобы сверстать + 5 минут чтобы опубликовать вам 1 год только чтобы распостить одну тему спасмом как создать сайт
|
+ 5 минут, чтобы слить воду ;)
|
Часовой пояс GMT +3, время: 12:31. |