BB Code wyswietlajacy obrazek i link do tematu

[Gość berto]

Witam wszystkich,

Posiadam forum karciane i chcialbym zrobic BB code w ktorym przy tworzeniu talii podaje kazda karte otoczona tagami [sc] na przyklad.

Po najechaniu myszka na link w osobnym okienku pojawia sie obraz karty, po kliknieciu wchodzimy na watek na forum z ta karta.

Podam to moze lepiej na przykladzie:

Karta Ignoble Demise ma obrazek pod adresem:

http://thescorpionclan.com/images/cards/Ignoble_Demise.jpg

i jest opisana w watku:

http://thescorpionclan.com/forum/index.php?/topic/29-tdow-ignoble-demise/

Bylbym wdzieczny za kazda pomoc....

Edytowane 18 Stycznia 2011 przez berto1289779920

[unbreak]

Jeżeli dobrze rozumiem to nie może być po prostu:

[url="http://thescorpionclan.com/forum/index.php?/topic/29-tdow-ignoble-demise/"][img=http://thescorpionclan.com/images/cards/Ignoble_Demise.jpg][/url]

Co daje:

[+] Niestety podany url grafiki nie działa, więc efekt daję z działającą:

Edytowane 18 Stycznia 2011 przez unbreak

[Gość berto]

Ja chcialbym widziec tylko nazwe karty jako link. Po najechaniu na nia powinien sie pojawic obrazek w osobnym oknie. Po kliknieciu temat.

BTW: Poprawilem linka.

Edytowane 18 Stycznia 2011 przez berto1289779920

[DawPi]

[url="http://thescorpionclan.com/images/cards/Ignoble_Demise.jpg"]Ignoble Demise[/url]

Demo: Ignoble Demise

[Macsch15]

Możesz sam to sprawdzić

http://twoja_nazwa_forum.pl/index.php?app=forums&module=extras&section=legends&do=bbcode

[Gość berto]

Chyba dalej nie rozumiecie o co mi chodzi.

Mam link: Ignoble Demise

Teraz jesli ktos najedzie na niego myszka (nie kliknie) pojawic sie ma obrazek), jesli kliknie link do forum.

[DawPi]

Nie ma takiej wbudowanej opcji. Należałoby napisać do tego modyfikację.

[Gość berto]

Chcialbym zdefiniowac BB code o takiej funkcjonalnosci. Slyszalem cos o modyfikacji lightbox 2 ale jest ona tylko opisana na forum do wersji IPB 2. I nie wiem jak ja zainstalowac dla wersji 3.1.4.

[DawPi]

No dobrze, ale wyskakujące okienko to w .js - masz takowy kod? Bo jakbyś miał to bym wtedy się tym trochę pobawił.

[Gość berto]

Mam, to jest w pakiecie lightbox 2. Link

Edytowane 18 Stycznia 2011 przez berto1289779920

[DawPi]

Przecież lightbox to wbudowana opcja w IP.Board 3.x.

[Gość berto]

Przecież lightbox to wbudowana opcja w IP.Board 3.x.

Popatrze na ten kod JS. A jak obejsc ten kod postu:

http://thescorpionclan.com/forum/index.php?/topic/29-tdow-ignoble-demise/

jak wpisze tylko ignoble demise jako kontent moge dodac prefiks

http://thescorpionclan.com/forum/index.php?/topic/

ale jak zamienic spacje na '-' i jak dodac ten numer postu na poczatku automatycznie?

[DawPi]

Dobra, nie zrozumiałem. Możesz o to inaczej zapytać?

[marrom]

Pewnie chodzi o taki efekt: http://cssglobe.com/lab/tooltip/03/

Użycie skryptu: http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery

Fotka jako tooltip po najechaniu na link, a link normalnie. Efekt który podałem używa jednak jQuery. Jeśli było by możliwe bezkonfliktowe podpięcie tej biblioteki to było by ciekawie ...

[Gość berto]

Dokladnie o to mi chodzi z obrazkiem.

A teraz zapmnijmy o obrazku na chwile. Chodzi mi o to by zdefiniowac bbcode ktory przerobi nazwe karty na link do postu z ta karta.

Mamy nazwe Ignoble Demise ktora musi byc przez BBcode zamieniona na

http://thescorpionclan.com/forum/index.php?/topic/29-tdow-ignoble-demise/

.

Macie jakis tip jak to zrobic. A ten obrazek tez bym prosil ale z wersja z javascript.

[Gość berto]

OK I have working jscript code. I put this to: GlobalTemplate in my skin as follows:

 <script src="js/boxover.js"></script>

I created new BBcode as follows:

<span title="cssbody=[dogvdvbdy] cssheader=[dogvdvhdr] header=[] body=[<img src='http://thescorpionclan.com/images/cards/tdow/shosuro_jimen_xp2.jpg'>] fixedabsx=[50] fixedabsy=[50]">
<a  href="http://thescorpionclan.com/forum/index.php?/topic/4-tdow-shosuro-jimen/">{content}</a></span>	

Nothing has happened, you can check here; http://thescorpionclan.com/forum/index.php?/topic/167-test/

[DawPi]

Na jakiej podstawie ma to rozpoznawać, jak żadnego ID nie użyłeś.

[Gość berto]

Na jakiej podstawie ma to rozpoznawać, jak żadnego ID nie użyłeś.

Contentem jest Shosuro Jimen Xp2. Na razie sprawdzam na hardcoded tekst czy javascript code dziala. Powinien sie pojawic Shosuro Jimen Xp2 jako link.

[Gość berto]

Nikt nie ma czegos takiego zaimplementowanego na forum? Moze chociaz macie inne elementy uzywajace BB code i javascript. Nie sadze aby to bylo az tak trudne i skomplikowane odpalic java script na forum IPB.

[DawPi]

No skoro uważasz, że nie jest trudne to dlaczego nie zrobisz?

Ja czegoś takiego nie robiłem, nie widziałem, więc doświadczenie mam niezbyt duże w tym temacie.

[Gość berto]

No dobra doigraliscie sie zaplace za ta funkcjonalnosc, oferty na pm....

[Gość berto]

Zrobilem male postepy w tym temacie.

Uzywam skryptu z http://www.javascriptkit.com/script/script2/htmltooltip.shtml

Oto moj BBCode:

<a  rel="htmltooltip" href="http://thescorpionclan.com/forum/index.php?/topic/4-tdow-shosuro-jimen/">{content}</a>
<div class="htmltooltip"><img src="http://thescorpionclan.com/images/cards/{content}"</div>

Dziala to jesli wpisze tylko jedna karte

[c]Shosuro Jimen Xp2[/c]

Niestety jak wpisze obie

[c]Shosuro Jimen Xp2[/c]
[c]Ignoble Demise[/c]

dostaje w nowym oknie poza obrazkiem tresc posta. Trzeba jakos wrocic do defaultowego DIVa tylko nie wiem jak.

Nastepny problem to jak poradzic sobie z pierwsza czescia BB kodu:

href="http://thescorpionclan.com/forum/index.php?/topic/4-tdow-shosuro-jimen

moge tu wpisac

href="http://thescorpionclan.com/forum/index.php?/topic/{content}

ale wtedy nie bede mial tylko

href="http://thescorpionclan.com/forum/index.php?/topic/Shosuro Jimen Xp2

poradzcie co mozna z tym zrobic?

Moze da sie jakos tytul topicu zmienic tylko na nazwe lub wpisac jakies znaki ogolne na poczatku...

Tutaj mozecie zobaczyc jak to wyglada...

Edytowane 22 Stycznia 2011 przez berto1289779920

[Gość berto]

Udalo mi sie rozwiazac pierwszy problem przez modyfikacje BBcode:

<a  rel="htmltooltip" href="http://thescorpionclan.com/forum/index.php?/topic/4-tdow-shosuro-jimen/">{content}</a>
<div class="htmltooltip"><img src="http://thescorpionclan.com/images/cards/{content}"<div id='content' class='clear'></div>

Dodalem na koncu

<div id='content' class='clear'></div>

Teraz tylko drugi problem z automatycznym generowaniem linku do danego topiku...

[DawPi]

Niestety nie ma opcji usunięcia numeru tematu z adresu URL. Ty to robisz na bazie nowego tagu BBCode czy jak?

[Gość berto]

Nie wszystko ma byc w jednym tagu. Jesli nie mozna wywalic ID z topiku to moze mozna dac znaki ogolne by zignorowal poczatek podczas szukania.