Zůstatek vašeho CSS sloupce pomocí JavaScriptu


Original: http://www.paulbellows.com/getsmart/balance_columns/

20.října 2007 verze 3. Integrovaný jsme Lawrence Carvalho a Christian Heilmann v textu změny velikosti detektoru skript a přepsal naši funkci s kontrolou someerror aby se ujistil, každý div existuje na straně ( takže můžete použít stejný scénář v celé lokalitě , i kdyžpočet sloupců změn ) . Také jsme aktualizovali CSS , který nebyl přepracován od roku 2005 – nyní zahrnuje písma / Reset třídy Yui a naše žluté tužky základní typografie třídy .

28.srpna 2006 verze 2.1. Udělali jsme totrochu jednodušší použít askript se používá mnohem lepší způsob volání . Nic změny s výjimkou , jak je to uvedené v souboru by měl opravit všechny problémy, lidé byli , které mají s Dreamweaver a další onload ( ) styl skripty , a to jemnohem lepší verze . Chtěl jsem aktualizovat tento měsíce a měsíce před , ale … dobře … Mám pracovní den.
V HTML / CSS sloupce

Jedná se o běžný případ . Soubor CSS této stránky definuje tři sloupce , pojmenované # levé , pravé a # # centrum . Dalo by se použít triky jako pozadí stránky o stejné šířce jako v levém sloupci , který dělá to vypadat jakosloupec pokračuje dolů , i kdyžobsah není zatlačte ji až na dno . Nicméně, pokud budete mít variabilní uspořádání šířku , můžete to udělat, protože nemůžete dělat s nastavitelnou šířkou grafiky.
Javascript

Javascript nám umožňuje číst informace o našich prvky stránky a vztahují se hodnoty vlastností CSS prvek stránky je . To je šikovný , a to zejména proto, že můžeme udělat obojí najednou.

Řešení DOM ( Document Object Model ) , můžeme požádat o výšce nejvyššího sloupce . Pak můžeme říci, další 2 sloupce, které chcete mít styl hodnotu této výšky . To je asi tak všechno, co se to . Zde jesoubor…
Jak přidat na vaše stránky

Zjistit, co je ID názvy sloupců , které chcete do rovnováhy jsou
Podívejte se na tento řádek v horní části column.js
var divs = new Array ( ” centrum ” , ” vpravo ” , ” vlevo ” , “ostatní” ) ;
nahradit tyto názvy ID se jmény , kterou používáte v HTML a odstranit to, co jste nepoužíváte
Neměli byste potřebovat upravit něco jiného
Odkaz column.js v záhlaví stránky :
// <![CDATA[

To je o tom

Závěr

Ocenil bych zpětnou vazbu, pokud jste milý .

Všichni se snaží dostat chytřejší .

Zde jezip na JS , CSS a HTML : Balance své sloupce

Neváhejte použít CSS , pokud zjistíte , že je užitečné
// ]]>

Comments are closed.