megosztás gomb
Mielőtt ásni a kódolás, nézzük körül, és figyelni, hogy Itt azok a források, amelyek általunk nyújtott globális hálója. By the way, sok közülük, azt is nézd meg a két legnépszerűbb.
Most kattintson a linkre Yandex részesedés és még mi elkészítettük a fejlesztők Yandex, az úton „technológia” - horror, milyen hasznos dolog, de ez a téma egy későbbi cikkben. Így láthatjuk, egy egyszerű kivitelező létre egy gombot egység részesedése a böngésző ablakot. Tegyünk egy kullancs, válassza a megjelenését a blokk, és másolja kész kódot a honlapon. Minden további mögött mindent megteszünk magát Yandex.
Egy másik szolgáltatás méltó a figyelmet - share42. egy egyszerű kivitelező, csak a gombok a szolgáltatások és hálózatok sokkal, amelyek közül néhány, bevallom, láttam először. A fő különbség a „Yandeks.Tehnology” - megkaptuk az összes generált script, ami lehet gyakorolni nem világos, hanem közvetlenül a kiszolgálón.
Úgy tűnik, hogy ha van egy ilyen nagyszerű megoldás, hogy bárki és soha többé nem „újra feltalálni a kereket”? És nem, valaki írta, jó a forgatókönyv csak mi magunk is lusta, hogy zavarja őt. Persze, akkor működni és azok funkcióit, de - ez egy univerzális megoldást írt teljes tömege helyszínek, azaz nem veszi figyelembe az egyéni igények és kisebb egyezmények.
A mi fenyeget, a kész gomb megosztani?
Először: gomb design valóban vas. Igen, el kell ismerni, és azokat a szociális hálózatok, de csak az igényeinknek nem felel meg. Nos, a szélén kerek gombok, és a design honlapunkon megköveteli a gombot négyzet, mit kell tenni? - Vegyünk egy sprite és átfestés! Valaki próbálta, tudja, - a hálátlan feladat: cserélnem tele öt vagy hat kulcsfontosságú tesztek „jó” helyre azt a Sprite. És ez még csak a csere egy / vagy néhány gomb, és ha a helyén van a gótikus stílusban, és az összes gomb szükséges sötétben?
Másodszor, a megbízhatóság a Yandex nem lehet kétséges, de a gombok, ellentétben a metrikus számlálót, valamilyen oknál fogva, a betöltött erősen, és nem ritkán látható a késedelem a kezdőlapra. Ez különösen észrevehető jó nagy sebességű kapcsolat, ha egy oldal összeomlik szinte azonnal, és van motorvonatok gombokkal.
Harmadszor: generálni a forgatókönyvet share24 tésztát - ez nagy. Ha mind a nyújtott soros kódot, így szükségünk van? - Nem hiszem.
Mérlegelése után érvek és ellenérvek, akkor egyetért velem, hogy megosztani saját gombokat is tetszik sokkal jobb. De kiválasztásával a lehetőséget, meg kell jegyezni, hogy a támogatás és a felelősséget az ő munkája fekszik teljesen rád. URL repost megy mégis nagyon ritkán változnak, de ez változik, és meg kell nyomon követni.
Csatlakoztassa az összes szükséges fájlt:
Most adjuk hozzá a share.js script fájlt, akkor így néz ki:
Ez egy objektum egy sor módszerek: twitter () vk () facebook (), az adatok (), popup (). Az első három módszer közvetlenül felelős a folyamat megosztani. Kezdetben van egy utalás a módszer az adatok (), ahol az elemzett attribútum értéke adat-share-adatok, és visszatér a JSON. További URL c van kialakítva a kapott adatokat figyelembe, és az úgynevezett pop-up () metódust. Ő felelős létre egy új ablakban egy ilyen társadalmi hálózatok.
Hozzáadása a jelölést, hogy az oldalra:
A szerkezet nagyon egyszerű, nevezetesen, hogy osztoznak a wrapper class, akkor van egy div attribútum-share-adatok, melyet a fent említett. A string van kialakítva a négy közül a megfelelő értékekkel.
Bent a div a gombok maguk csatolt őket az onclick esemény. Kattintva fogjuk nevezni a fent leírt eljárások.
Továbbra is csak így az emberi faj gombok és hozzá CSS:
Ennek eredményeként hozzáadása után CSS gomb fogad típusa:
Ezen a ponton én befejezi ma egy későbbi cikkben fogok hozzá egy számlálót repost a megosztás gombbal.