Airteagal líonraí clib

Cruthaigh tábla agus luaigh go héasca rapdidement de do chuid seirbhísí agus API

29/07/10

Dia duit gach duine!

Má tá tú ag obair i gcuideachta ríomhaire nó go bhfuil tú go leor suímh nó API ar líne lá atá inniu ann ba chóir mo alt spéis agat!

Go deimhin le fios agam go bhfaighidh tú uirlis beag ar a dtugtar Stashboard a thairgeann go simplí a chruthú le sraith de stáit éagsúla do do chuid seirbhísí agus APIs.

Cosúil leis an leathanach stádas de Amazon AWS nó Google leathanach stádas Apps, tá sé deartha chun Painéal na nIonstraimí na seirbhíse go léir stádas óstáil cineálach nó API. Is féidir leis an cód a íoslódáil, saincheaptha agus a reáchtáil ar aon chuntas Google App Engine.

Beidh tú in ann a leanúint roinnt earraí de SaaS nó API, a shainiú teachtaireachtaí saincheaptha.
Stashboard atá scríofa i Python agus d'óstáil ar Google App Engine.

Feicfidh mé in iúl duit iarracht é!

Bíodh Spraoi!

Láithreán Gréasáin: http://www.stashboard.org/~~V

Cruthaigh roghchlár beag scrollable de líonraí sóisialta

23/04/10

Posted by Sticule i Forbartha

16 comments

Dia duit gach duine!

Ar iarratas ó roinnt de tú, bhí mé ullmhaithe ag teagaisc gearr ar cheart deis a thabhairt duit a chruthú roghchlár líonraithe sóisialta beag scrollable díreach cosúil leis an gceann is féidir leat teacht ar lá atá inniu ann Mashable .

Is é seo an roghchlár beag go lowers go huathoibríoch do ghluaiseacht ar an leathanach iarbhír script jQuery beag réasúnta simplí.

Céim 1: jQuery Cuir le do shuíomh

An Chéad ní mór duit a chur leis an script jQuery ar do shuíomh, ar an leat dul díreach íoslódáil an leagan is déanaí anseo .

Céim 2: Cruthaigh Rannán agus roinnt CSS Cuir

A chruthú do roghchlár beag, ní mór duit a chruthú Rannán nuair a shannadh tú rang:

  <div class="dd_ajax_float"> </ div>

Ansin, beidh tú a chruthú ar an dearadh do roghchlár mar an sampla seo a leanas:

 . {Dd_ajax_float
 chúlra: none athuair scroll 0 0 # FFFFFF;
 teorann: 1px # soladach DDDDDD;
 snámhphointe: chlé;
 margin-left: 30px;
 margin-dheis: 10px;
 phost: coibhneasta;
 }

Céim 3: Cuir an script

Teacht orainn ag an gcéim deiridh! Tá tú ach chun an script seo a leanas a chur le do cód:


 $ (Document). Ready (fheidhm () {

 / / Cuir aicme div ábhar, Nuair a scroll Beyond seo ann, snámh sé
 postShare var $ = $ ('dd_ajax_float.');

 más rud é ($ ('. dd_content_wrap'). fad> 0) {

 descripY var = parseInt ($ ('dd_content_wrap.') fritháireamh () barr..) - 20;
 var = postShare.css $ pullX ('margin-chlé');

 $ (Fuinneog). Scrollaigh (fheidhm () {

 var scrolly = $ (fuinneog) scrollTop ().;
 var = postShare.css $ fixedShare ('seasamh') == 'seasta';

 / / Bí cinnte. Post_share ann
 más rud é ($ ('. dd_ajax_float'). fad> 0) {

 más rud é (scrolly> && descripY! fixedShare) {
 PostShare.stop $ (). CSS ({
 phost: 'socraithe',
 D'fhág: '50% ',
 barr: 20,
 marginLeft: -310

 });
 } Eile más rud é (scrolly <&& descripY fixedShare) {
 $ PostShare.css ({
 phost: 'gaol',
 chlé: 0,
 barr: 0,
 marginLeft: pullX
 });
 }

 }

 });
 }

 });

Agus anois tá sé thar! Ar ndóigh, tá tú saor in aisce a chur leis an gcód pé áit is mian leat!

Dóibh siúd nach mbeadh ar mian leo a ghlacadh i bhfad an iomarca ar an ceann leis an gcód, tá eile réiteach ar an roghchlár a chomhtháthú le do bhlag WordPress. Go deimhin tá breiseán ar a dtugtar "Digg Digg é" a thacaíonn leis an ghné seo!

Shocraíonn tú cad is mian leat an chuid is mó!

Bíodh Spraoi!