Segítséget keresek.

**g-easy** · 2007-05-03, 11:56

Egy olyan tooltip-re lenne szükségem, ami tartalmazhat html-t és az onnét ki is másolható. Mondom az ötletet: Egy virus marketing módszer lenne. Egy egyszerű input/submit kereső form, amely átirányít a találatokhoz. Eddig ok. Hanem egy kis ikonban egy kis kérdőjel, amelyre, ha ráviszem a kurzórt, megjelenik a tooltip "tegyél te is xy keresőt az oldaladra" és egy kimásolható html kód. Több dologra kell figyelni. 1. ha van benne javascript (valószínű) akkor az nem tartalmazhat head-be rakandó részt. 2. ne legyen 24512323 soros a kód,mert az fura lenne, ha a tooltip betakarná az 1024x768-at. Tehát a lényeg, hogy a kimásolt kód is szintén tartalmazza a kis kérdőjelet és a tooltip script kódot is.

Hasonló témák:

**BagiZoli** · 2007-05-05, 11:20

G-easy php és javascript ismereteim színvonalát azt hiszem neked nem kell bemutatnom, de azt javasolnám, hogy a tooltip megjelenítő kódját tedd fel a tárhelyedre és a kérdőjelre való egérmozgatáskor megjelenő "helyezz el a weblapodban" című mókában elég lenne csak a külső js bekérő html-kódját megjeleníteni.

Ha nagy baromságot hordtam össze, akkor töröld a válaszomat inkább, nem akarok itt leégni

**g-easy** · 2007-05-05, 11:40

Általában a külső js-t a head-ben kéred be.. ez a baj

**reklam2** · 2007-05-05, 15:57

lehet, hogy en ertem felre a kerdest de ezeket nezted mar?

es itt ketto link lenne ha engedne hozzaszolni, elkuldom pm-ben

**g-easy** · 2007-05-05, 16:14

Köszi, ilyeneket néztem. Nekem olyan kell, ami nem tűnik el, ha lejössz a linkről, legalább is addig, ameddig a tooltipen tartom az egeret és

HTML kód:

kimásolható html kódot is tudok bele tenni

**kow** · 2007-05-15, 09:53

Egy ilyen kód max. 100 sor, tömörítetlenül, méret miatt ne aggódj.

Erre egyedit kell írni, mert készem szerintem ilyet nem kapsz, de nem is baj, mert olyan lesz,amilyet szeretnél.

Ez amúgy gondolom valami üzleti alkalmazás lenne.

a zsolti · 2007-05-15, 10:17

Az nem lenne jobb, ha nem tooltipben jelenik meg, hanem mondjuk a form alatt, magában az oldalban?

Pl:

<form>
itt a form
</form>
<a href="javascript:;" onclick="document.getElementById('source').style.d isplay = 'block';" title="Szeretnél ilyen keresőt?">?</a>

<div id="source" style="display: none;">
Itt a kereső html kódja, de alapbol nem látszik, csak ha a ?-re kattintasz.
</div>

(display szót írd egybe, valamiért beletesz egy szóközt ez a fórum)

**g-easy** · 2007-05-15, 10:19

öö, hát nem. Vagyis.. nem.. A pályázat figyelő egy nonfrofit lap. A reklámok szinte a lap fenttartására vannak és a szerkesztőjének szeretnék ennyiben segíteni, hogy a kihelyezhető pályázat kereső formot átalakítanám ilyenre. Csak nagyon nehéz nem "head"-ben futó js-t találni. Gondoltam hátha valaki..

**g-easy** · 2007-05-15, 10:23

a zsolti eredeti hozzászólása

Az nem lenne jobb, ha nem tooltipben jelenik meg, hanem mondjuk a form alatt, magában az oldalban?

Pl:

<form>
itt a form
</form>
<a href="javascript:;" onclick="document.getElementById('source').style.d isplay = 'block';" title="Szeretnél ilyen keresőt?">?</a>

<div id="source" style="display: none;">
Itt a kereső html kódja, de alapbol nem látszik, csak ha a ?-re kattintasz.
</div>

(display szót írd egybe, valamiért beletesz egy szóközt ez a fórum)

Köszönöm, kipróbálom amint visszakapom a gépem, amin van minden szerkesztő progim.. Szerintem így is jó lesz..
(Ha a "kód" beszúrásba teszed, nem tesz szóközt.. )

**BlackY** · 2007-05-18, 15:28

Kód:

<button id="tooltipButton" onmouseover="var tooltipButton = document.getElementById('tooltipButton'); var remoteUrl = 'url, amit nem hagy a fórum, mert nincs 15 üzim...'; var div = document.createElement('div'); div.onmouseout = function() { document.body.removeChild(document.getElementById('tooltipDiv')); }; var frame = document.createElement('iframe'); frame.src = remoteUrl; div.appendChild(frame); div.id = 'tooltipDiv'; document.body.appendChild(div); div.style.position = 'absolute'; div.style.left = tooltipButton.offsetLeft + 'px'; div.style.top = tooltipButton.offsetTop + 'px';">Szeretnél ilyen keresőt?</button>

Csúnya, hackelős megoldás, lényeg, hogy az eredeti oldal forrásába nem kell - akár rejtve is - belerakni a tartalmat, cserébe a szerveren kell plusz egy file. A cucc csinál egy tooltipDiv id-jű div-et, belerak egy frame-t és megnyitja a megadott url-t; így közel szabadon formázható CSS-el + a megnyitott oldal úgy, ahogy van.

Kód:

document.getElementById('tooltipButton');

Ebben a 'tooltipButton'-t cseréld le, ha módosítod annak az elemnek az id-jét, amin meg kell jelennie.

Kód:

var remoteUrl = 'url, amit nem hagy a fórum, mert nincs 15 üzim...'

Ezzel meg beállítod, hogy mit nyisson meg.

Head-be nem kell neki semmi, szabadon formázható, csak pont azért, mert nem kell neki semmi a head-be gányolós megoldás.

BlackY