Korzystając z tej strony zgadzasz się z polityką prywatności i regulaminem.
Akceptuj
WebInside.plWebInside.plWebInside.pl
  • Aktualności
  • Technologie
  • WWW
  • E-marketing
  • AI
  • Poradniki
  • e(Biznes)
Szukaj
  • Kontakt
  • Forum
WebInside.pl © 2023.
Czytasz: Emotikony na stronie WWW
Udostępnij
Zaloguj się
Powiadomienia
Aa
WebInside.plWebInside.pl
Aa
Szukaj
  • Strona główna
  • Aktualności
  • Technologie webowe
  • Publicystyka
  • E-marketing
  • Poradniki
  • AI
  • Technologie
  • Artykuły partnerskie
  • Więcej
    • Kontakt
    • Mapa strony
Masz już konto? Zaloguj się
  • Aktualności
  • Technologie
  • WWW
  • E-marketing
  • AI
  • Poradniki
  • e(Biznes)
WebInside.pl © 2023.
WebInside.pl > Technologie webowe > Emotikony na stronie WWW
Technologie webowe

Emotikony na stronie WWW

WebInside.pl
Ostatnia aktualizacja: 25.07.2003
WebInside.pl
Udostępnij
Udostępnij

Skrypt który tutaj opisuję pozwala umieścić na stronie emotikony, które będą uruchamiane za pomocą znaków zawartych w tekście. Jeżeli chciałbyś coś takiego mieć na swojej stronie, zapraszam do lektury.

Zawartość
Założenia:Plik konfiguracji:Klasa 'Buzki’:Użycie klasy „Buzki”:

Skrypt który tutaj opisuję pozwala umieścić na stronie emotikony, które będą uruchamiane za pomocą znaków zawartych w tekście. Jeżeli chciał(a)byś coś takiego mieć na swojej stronie, zapraszam do lektury.

Założenia:

Najpierw oczywiście kilka postanowień co do funkcjonalności skryptu. -> skrypt potrzebne dane będzie odczytywał z pliku konfiguracyjnego. -> dane które będzie można ustawić to: – ścieżka do katalogu z buźkami – format pliku graficznego z buźką – nazwy plików wraz z odpowiednikami tekstowymi -> całość umieścimy w jednej klasie -> konstruktor klasy będzie ładował konfigurację -> tekst który będzie poddawany modyfikacji musi być w jednej zmiennej(ale to chyba nie problem)

Plik konfiguracji:

na dobry początek ustalamy zmienną przechowującą ścieżkę dostępu do katalogu buziek, najlepiej jak będzie ona bezwzględna, ale to twoja sprawa:

<!– config.php –> <?php $sc = '/usr/krasnal/www/skrypty/moje/buzki/’;

ok, w następnej zmiennej zapisujemy format pliku:

$format = 'gif’;

teraz musimy zainicjować tablicę w której w indeksach będziemy przechowywać nazwy plików z buźkami, a w wartościach odpowiadające im symbole tekstowe: !!! UWAGA w wartościach musisz stosować się do wyrażeń regularnych perla, gdy będziemy z nich korzystać. Ale aby sobie poradzić musisz pamiętać aby przed o po symbolu tekstowym buźki dać znak: „/”, oraz znaki specjalne takie jak nawiasy poprzedzać odwrotnym ukośnikiem „”. !!!

$buzki = array( „smile” => '/:)/’, „sad” => '/:(/’, „happy” => '/:D/’, ); ?>

Pamiętaj że w indeksach są nazwy bez rozszerzeń. Dobra, tym sposobem mamy gotowy plik konfiguracji zapisz go pod nazwą „config.php”, teraz zabieramy się za plik z klasą.

Klasa 'Buzki’:

Na samym początku inicjujemy nasza klasę i określamy w niej właściwości odpowiadające zmiennym z pliku konfiguracji:

<?php class Buzki { var $sciezka; var $buzki; var $format;

potrzebna nam będzie jeszcze jedna zmienna, w której będziemy przechowywać tablicę z fragmentami do zamiany:

var $pliki;

ale będzie trzeba ją odpowiednio przygotować, tzn. najpierw zamienić tablicę z buźkami tak aby w wartościach były indeksy, a w indeksach wartości, użyjemy do tego funkcji array_flip(), ale musimy jeszcze do nich dołączyć rozszerzenia i zamienić je na znaczniki HTML. Sporządzimy do tego oddzielną funkcję:

function sciezki( $tablica ) { foreach( $tablica AS $index => $wartosc ) { $gotowa[] = '<img src=”’ . $this -> pliki . $wartosc . ’.’ . $this -> format . '”>’; } return $gotowa; }

jak widać funkcja „przelatuje” wszystkie elementy tablicy, dołącza rozszerzenie i konwertuje całość na znacznik HTML wstawiający obrazek, wynik zapisuje w tablicy $gotowa, a całość na końcu zwraca. Teraz trzeba dołączyć plik konfiguracji i przypisać wartości jego zmiennych dla naszych właściwości. Użyjemy do tego konstruktora klasy:

function Buzki() { include( ’./config.php’ ); $this -> sciezka = $sc; $this -> format = $format; $this -> buzki = $buzki;

na koniec musimy zadbać o przygotowanie znaczników, do czego użyjemy wcześniej wspomnianej funkcji array_flip() i dopiero co skonstruowanej metody sciezki():

$this -> pliki = $this -> sciezki( array_flip( $buzki ) ); }

Świetnie, na koniec pozostało nam już tylko skonstruować metodę która w podanym łańcuchu znaków będzie konwertowała wszystkie symbole buziek na odpowiednie znaczniki wstawiające obrazki. Wbrew pozorom, będzie to bardzo proste, wykorzystamy do tego wyrażenie regularne i po sprawie. Skorzystamy z preg_replace() który zamienia pasujące wartości z jednej tablicy, odpowiednimi z drugiej, wygląda to tak:

function zamien( $tekst ) { $wynik = preg_replace( $this -> buzki, $this -> pliki, $tekst ); return $wynik; }

i na koniec zamykamy jeszcze definicję klasy:

} ?>

zapisujemy w pliku buzki.php i gotowe.

Użycie klasy „Buzki”:

Jeżeli chcemy w jakimś skrypcie użyć naszej klasy, musimy ją najpierw dołączyć:

include(’buzki.php’);

!!! UWAGA, jeżeli plik z klasą „Buzki” jest w innym katalogu, musisz w skrypcie zmienić ścieżkę dostępu do pliku konfiguracji, nawet jeżeli jest w tym samym katalogu co plik z klasą „Buzki”, czyli jeżeli masz np.:

include(’./buzki/buzki.php’);

Musisz w pliku 'buzki.php’ zmienić ścieżkę dostępu do pliku konfiguracja na ten sam katalog, czyli w tym wypadku:

include( ’./buzki/config.php’ );

a to dlatego ze dołączasz plik z klasą „Buzki” do pliku w innym katalogu i to z poziomu tego właśnie katalogu będzie pobierany plik konfiguracji. Teraz tworzymy egzemplarz naszej klasy:

$buzki = new Buzki;

i jeżeli mamy np. w zmiennej $jakisTekst tekst w którym chcemy dokonać zamiany, wywołujemy odpowiednią metodę:

$gotowyTekst = $buzki -> zamien( $jakisTekst );

i w zmiennej $gotowyTekst jest już wynik. I to już wszystko, oczywiście jak chcesz więcej buziek dodaje je w pliku konfiguracji, tak jak te przykładowe…

Może Cię zainteresować

Sprawdź, jak zostać testerem oprogramowania lub Java developerem! Poznaj kursy online!

Architektura globalnego e-commerce: Jak zbudować sklep gotowy na podbój świata?

Java obchodzi 30. urodziny – język programowania który zmienił świat technologii

Jak zacząć projektować aplikację, nie mając gotowego pomysłu?

Serwer dla małej firmy – czym kierować się przy jego wyborze?

WebInside.pl 2003-07-25 2003-07-25
Udostępnij ten artykuł
Facebook Twitter Kopiuj link Wydrukuj
Udostępnij
Poprzedni artykuł Zliczanie kliknięć w PHP
Następny artykuł Cięcie tekstu na stronie
Zostaw komentarz lub opinię

Dodaj komentarz Anuluj pisanie odpowiedzi

Twój adres e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *

Najnowsze artykuły

Procesor AMD Ryzen 7
Najlepsze procesory z pamięcią 3D V-Cache: Wydajność dla graczy i profesjonalistów
Technologie
Jak przygotować sklep internetowy na automatyzację obsługi klienta?
Artykuły partnerskie
the nvidia logo is displayed on a table
Nvidia przyłapana? Gigant AI chciał kupić miliony pirackich książek
AI Aktualności
Najczęstsze błędy w SMS marketingu: jak nie przepalić budżetu?
E-marketing
4 najczęstsze cyberzagrożenia w przemyśle
Technologie
Jak uratować zaschnięty tusz do drukarki? Skuteczne domowe sposoby i porady
Poradniki
Model 3D jako wspólne źródło danych dla projektu, produkcji i montażu
Artykuły partnerskie
Dlaczego wideo z telefonu sprzedaje na TikToku lepiej niż profesjonalne spoty?
Artykuły partnerskie
Dwa ekrany zawsze pod ręką – zalety korzystania z monitora przenośnego na co dzień
Technologie
Rola nowoczesnych technologii w procesie rehabilitacji
Artykuły partnerskie
banner
Chcesz umieścić swoją reklamę w portalu WebInside.pl?
Skontaktuj się z nami, a zaproponujemy interesujące formy reklamy.
Skontaktuj się

Inne polecane artykuły

Technologie webowe

Sprawdź, jak zostać testerem oprogramowania lub Java developerem! Poznaj kursy online!

5 min czytania
Technologie webowe

Architektura globalnego e-commerce: Jak zbudować sklep gotowy na podbój świata?

7 min czytania
MacBook Pro showing programming language
Technologie webowe

Java obchodzi 30. urodziny – język programowania który zmienił świat technologii

9 min czytania
AktualnościTechnologie webowe

Jak zacząć projektować aplikację, nie mając gotowego pomysłu?

9 min czytania
woman in black top using Surface laptop
Technologie webowe

Serwer dla małej firmy – czym kierować się przy jego wyborze?

5 min czytania
Technologie webowe

Jaki hosting wybrać pod Laravel? Kompleksowy przewodnik dla twórców aplikacji webowych

6 min czytania
programming language
Technologie webowe

Kaskadowość w CSS – wszystko, co musisz wiedzieć

7 min czytania
two women talking while looking at laptop computer
Technologie webowe

Darmowe kreatory stron WWW – stwórz swoją stronę w godzinę

14 min czytania
//

WebInside.pl – portal technologiczny. Aktualności ze świata technologii, webmastering, marketing internetowy, AI, poradniki.

 

Partnerzy

Wszystkie kategorie

  • AI
  • Aktualności
  • Artykuły partnerskie
  • E-marketing
  • e(Biznes)
  • Poradniki
  • Publicystyka
  • Technologie
  • Technologie webowe

Ostatnio dodane

  • Najlepsze procesory z pamięcią 3D V-Cache: Wydajność dla graczy i profesjonalistów
  • Jak przygotować sklep internetowy na automatyzację obsługi klienta?
  • Nvidia przyłapana? Gigant AI chciał kupić miliony pirackich książek
  • Najczęstsze błędy w SMS marketingu: jak nie przepalić budżetu?

Kontakt

Chcesz się z nami skontaktować? Jesteś zainteresowany reklamą lub artykułem sponsorowanym?

Skorzystaj z formularza kontaktowego lub napisz do nas na kontakt@webinside.pl

WebInside.plWebInside.pl
WebInside.pl © 2023 | Mapa strony | Forum | Polityka prywatności
Witaj ponownie!

Zaloguj się do swojego konta

Zapomniałeś hasła?