Comments on: Content Switcher без JavaScript http://fridaycode.net/creating-a-content-switcher-without-javascript/ we enjoy code. Do you? Thu, 29 Dec 2011 13:20:29 +0000 hourly 1 http://wordpress.org/?v=3.0 By: Павел Иванов http://fridaycode.net/creating-a-content-switcher-without-javascript/comment-page-1/#comment-363 Павел Иванов Fri, 24 Sep 2010 11:03:19 +0000 http://fridaycode.net/?p=467#comment-363 погледни http://fridaycode.net/creating-a-nice-slider-or-carousel-with-jquery/ Това е същият Content Switcher само че е направен с jQuery и малко екстри. погледни http://fridaycode.net/creating-a-nice-slider-or-carousel-with-jquery/
Това е същият Content Switcher само че е направен с jQuery и малко екстри.

]]> By: Иво http://fridaycode.net/creating-a-content-switcher-without-javascript/comment-page-1/#comment-362 Иво Fri, 24 Sep 2010 10:57:30 +0000 http://fridaycode.net/?p=467#comment-362 а някаква идея какъв js и къде трябва да се добави :) * аз съм от простите дизайнери дето знаят само html и css, но пък не ме е срам да питам :D а някаква идея какъв js и къде трябва да се добави :)
* аз съм от простите дизайнери дето знаят само html и css, но пък не ме е срам да питам :D

]]> By: Павел Иванов http://fridaycode.net/creating-a-content-switcher-without-javascript/comment-page-1/#comment-360 Павел Иванов Sun, 19 Sep 2010 19:43:23 +0000 http://fridaycode.net/?p=467#comment-360 Радвам се че ти върши работа и че си намерил полезни трикчета ;) Аз лично не се сещам за начин да не се скорила страницата ... без JavaScript мисля, че няма да стане. Ако се сетя нещо ще ти пиша със сигурност. Радвам се че ти върши работа и че си намерил полезни трикчета ;)
Аз лично не се сещам за начин да не се скорила страницата ... без JavaScript мисля, че няма да стане. Ако се сетя нещо ще ти пиша със сигурност.

]]> By: Иво http://fridaycode.net/creating-a-content-switcher-without-javascript/comment-page-1/#comment-358 Иво Sat, 18 Sep 2010 11:51:50 +0000 http://fridaycode.net/?p=467#comment-358 а има ли някакъв чалъм като се сменя някой фрейм да не се скролва страницата? а има ли някакъв чалъм като се сменя някой фрейм да не се скролва страницата?

]]> By: Иво http://fridaycode.net/creating-a-content-switcher-without-javascript/comment-page-1/#comment-357 Иво Sat, 18 Sep 2010 11:25:48 +0000 http://fridaycode.net/?p=467#comment-357 Мерси много! Свърши ми работа, но трябваше да го ъпдейтна малко :) та да споделя, ако на някой му трябва за подобна ситуация ... в моя случай го ползвах за въртене на фреймове с динамична височина и overflow:scroll; не беше добра идея ;) и в место височина зададох .switcher{width:999999px;} после на li-тата пак float:left; и фиксаната ширина и взе че му се плучи :D Мерси много! Свърши ми работа, но трябваше да го ъпдейтна малко :) та да споделя, ако на някой му трябва за подобна ситуация ...

в моя случай го ползвах за въртене на фреймове с динамична височина и overflow:scroll; не беше добра идея ;) и в место височина зададох .switcher{width:999999px;} после на li-тата пак
float:left; и фиксаната ширина и взе че му се плучи :D

]]> By: Павел Иванов http://fridaycode.net/creating-a-content-switcher-without-javascript/comment-page-1/#comment-264 Павел Иванов Thu, 22 Jul 2010 11:47:06 +0000 http://fridaycode.net/?p=467#comment-264 Радвам се, че успях да помогна :) Радвам се, че успях да помогна :)

]]> By: Юлия http://fridaycode.net/creating-a-content-switcher-without-javascript/comment-page-1/#comment-263 Юлия Thu, 22 Jul 2010 11:08:53 +0000 http://fridaycode.net/?p=467#comment-263 Много благодаря, не съм обяснила много добре какво ми трябва, но и това ми върши работа. Даже е по-елегантно без кликане :) Много благодаря, не съм обяснила много добре какво ми трябва, но и това ми върши работа. Даже е по-елегантно без кликане :)

]]> By: Павел Иванов http://fridaycode.net/creating-a-content-switcher-without-javascript/comment-page-1/#comment-262 Павел Иванов Thu, 22 Jul 2010 09:06:59 +0000 http://fridaycode.net/?p=467#comment-262 Здравей, дано да съм те разбрал правилно. Ето ти примерно решение само с CSS. Няма да изпадам в излишни обяснения защото мисля, че кода е достатъчно прост и разбираем. Ако това не ти свърши работа или пък не държиш резултата да е постижим само с CSS ще ти помогна и с малко JavaScript но ще те помоля това да стане във Форума :). Стига приказки ето ти примерен код : [code language="html"] <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr"> <head> <meta charset="UTF-8"/> <title></title> <style type="text/css"> body { font-family:Tahoma,Arial,Verdana,sans-serif; font-size:11px;line-height:1.3em;} .box {width:200px;padding:10px;background:#f8f8f8;border:1px solid #d5d5d5;text-align:justify;color:#333;} p { margin:0 0 10px;} .info {position:relative;} .info .more {display:none;} .info:hover .more {display:block;position:absolute;z-index:1;left:0;top:0;width:160px;border:1px solid #d5d5d5;background:#f8f8f8;padding:10px;color:#666;} </style> </head> <body> <div class="box"> <p> Lorem Ipsum is simply dummy text of the printing and typesetting industry.<br /> <a href="#" class="info">Lorem Ipsum<span class="more">Here's more of a description of what we have going on here.</span></a> has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. </p> </div> </body> </html> [/code] Здравей,
дано да съм те разбрал правилно. Ето ти примерно решение само с CSS. Няма да изпадам в излишни обяснения защото мисля, че кода е достатъчно прост и разбираем. Ако това не ти свърши работа или пък не държиш резултата да е постижим само с CSS ще ти помогна и с малко JavaScript но ще те помоля това да стане във Форума :). Стига приказки ето ти примерен код :

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
<head>
<meta charset="UTF-8"/>
<title></title>
<style type="text/css">
body { font-family:Tahoma,Arial,Verdana,sans-serif; font-size:11px;line-height:1.3em;}
.box 				{width:200px;padding:10px;background:#f8f8f8;border:1px solid #d5d5d5;text-align:justify;color:#333;}
p 					{ margin:0 0 10px;}
.info 				{position:relative;}
.info .more         {display:none;}
.info:hover .more   {display:block;position:absolute;z-index:1;left:0;top:0;width:160px;border:1px solid #d5d5d5;background:#f8f8f8;padding:10px;color:#666;}
</style>

</head>
<body>
<div class="box">
	<p>
		Lorem Ipsum is simply dummy text of the printing and typesetting industry.<br />
		<a href="#" class="info">Lorem Ipsum<span class="more">Here's more of a description of what we have going on here.</span></a> has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
	</p>
</div>
</body>
</html>
]]> By: Юлия http://fridaycode.net/creating-a-content-switcher-without-javascript/comment-page-1/#comment-261 Юлия Thu, 22 Jul 2010 07:16:54 +0000 http://fridaycode.net/?p=467#comment-261 Впечатлена съм - семпло, красиво и практично! Точно това търсех! Не съм достатъчно навътре в темата обаче, че да го приложа за моя случай, който май е още по- прост. Искам от текстов линк в страницата да се появи този скрит леър само с една картинка и да се скрива при кликване върху нея или нарочен бутон. Ще съм много благодарна, ако някой ми помогне да го направя. Впечатлена съм - семпло, красиво и практично! Точно това търсех! Не съм достатъчно навътре в темата обаче, че да го приложа за моя случай, който май е още по- прост. Искам от текстов линк в страницата да се появи този скрит леър само с една картинка и да се скрива при кликване върху нея или нарочен бутон. Ще съм много благодарна, ако някой ми помогне да го направя.

]]> By: Web Design Mag Studio http://fridaycode.net/creating-a-content-switcher-without-javascript/comment-page-1/#comment-255 Web Design Mag Studio Tue, 20 Jul 2010 07:22:07 +0000 http://fridaycode.net/?p=467#comment-255 Много ценен пример, особено след Google May Day ъпдейта на алгоритъма, който силно удари сайтове, които използват display: none. Много ценен пример, особено след Google May Day ъпдейта на алгоритъма, който силно удари сайтове, които използват display: none.

]]>