kostenloser Webspace werbefrei: lima-city

Jquery BUBBLE (einfach positionierbar mit CSS)

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   same-one

   same-one hat kostenlosen Webspace.

   13:46, 8.4.2011

   hey!
   
   ich bin schon sehr lange am suchen, und habe echt schon alle Jquery Bubble-Plugins durch,
   aber entweder man kann nur 1 auf die Seite einbinden ODER man kann sie nicht anwählen...
   
   http://jqueryfordesigners.com/demo/coda-bubble.html
   
   So soll es sich verhalten, aber nicht so komisch mit einer Tabelle, und natürlich mehr als
   nur 1!
   
   Ich will es für mein Portfolio benutzen, was ich bis jetzt so realisiert hatte:
   http://www.aym.de.ms
   
   Aber habe es jetzt neu designed und will auch dass das KONTAKTFORMULAR über so
   ein "Bubble" auf der Seite erscheint und da muss man dann natürlich die "Sprechblase" anwählen
   können um eine Nachricht zu schreiben...
   
   
   kann mir bitte jemand helfen??
   
   EDIT: Ich will halt einfach ein Link haben, über den wenn man mit dem Cursor drüber geht, eine versteckte DIV angezeigt wird...
   Halt mit der Animation wie bei dem CodaBubble-Beispiel.
   
   
   mit freundlichen Grüssen
   andy
   
   Beitrag zuletzt geändert: 8.4.2011 13:51:24 von same-one

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. m******e

   14:14, 8.4.2011

   <script language="JavaScript"><!--
   function showDiv(divId,divShow){if(document.getElementById) document.getElementById(divId).style.visibility=(divShow)?'visible':'hidden'; else document.all(divId).style.visibility=(divShow)?'visible':'hidden';}
   //-->
   </script>
   
   <style type="text/css"><!--
   #kontakt {visibility:hidden;z-index:999;} -->
   </style>
   
   <div id="kontakt">
   * Inhalt Kontaktform *
   </div>
   
   <br /><br /><br />
   <a onmouseover="showDiv('kontakt',1)">Div anzeigen</a>
   <br /><br />
   <a onmouseover="showDiv('kontakt',0)">Div ausblenden</a>
   
   Beitrag zuletzt geändert: 8.4.2011 14:15:53 von menschle
4. Autor dieses Themas

   same-one

   same-one hat kostenlosen Webspace.

   20:32, 9.4.2011

   @menschle
   
   das ist aber javascript, und kein jQuery, oder?!
   
   ich bräuchte genau das:
   http://www.sohtanaka.com/web-design/side-navigation-tooltip-popup-bubble/
   
   nur sollte die Liste horizontal sein und nicht untereinander gelistet.
   Und das der Tooltip halt nach oben hin fliegt und nicht nach rechts...
   
   
   ich krieg's einfach nicht hin, dass ist ja eher so ne CSS-sache mit dem nebeneinander
   anstatt untereinander... :?
   
   Ich bin da schon am herumtüfteln.....aber ich kriege es nicht horizontal hin, alle Elemente sind ÜBEREINANDER! :/
   
   und bloss das Letzte ist somit anwählbar.

5. m******e

   2:59, 10.4.2011

   same-one schrieb:
   @menschle
   
   das ist aber javascript, und kein jQuery, oder?!
   
   ich bräuchte genau das:
   http://www.sohtanaka.com/web-design/side-navigation-tooltip-popup-bubble/
   
   nur sollte die Liste horizontal sein und nicht untereinander gelistet.
   Und das der Tooltip halt nach oben hin fliegt und nicht nach rechts...
   
   
   ich krieg's einfach nicht hin, dass ist ja eher so ne CSS-sache mit dem nebeneinander
   anstatt untereinander... :?
   
   Ich bin da schon am herumtüfteln.....aber ich kriege es nicht horizontal hin, alle Elemente sind ÜBEREINANDER! :/
   
   und bloss das Letzte ist somit anwählbar.
   

   
   *sorry* aber: jQuery ist javascript.
   
   Genauer gesagt ist jQuery eine JavaScript-Bibliothek.
   
   Was Du brauchst ist nicht unlösbar, und mein Vorschlag war nur eine Antwort auf Deine Frage.
   Auch ich kann nicht alle möglichen Lösungen präsentieren, ohne sie selbst zunächst studiert, und danach gebrauchsfähig programmiert zu haben.
   
   Im CSS ist
   .class eine Klasse
   und
   #id eine ID.
   
   Das läßt sich über JavaScript ansprechen & somit auch beeinflussen.
   Davon kannst Du Gebrauch machen.
   
   Grüße, Menschle.
6. Autor dieses Themas

   same-one

   same-one hat kostenlosen Webspace.

   3:13, 10.4.2011

   menschle schrieb:
   *sorry* aber: jQuery ist javascript.
   
   Genauer gesagt ist jQuery eine JavaScript-Bibliothek.
   

   
   
   heyy, nicht falsch verstehen :)
   ich wollte dich auf garkeinen Fall beschuldigen....
   
   
   Also handelt es sich nur noch um CSS, oder?!
   
   http://same-one.lima-city.de/popUP/demo2.html
   
   so sieht's gerade aus.... :/
   
   

7. m******e

   14:08, 10.4.2011

   same-one schrieb:
   http://same-one.lima-city.de/popUP/demo2.html
   
   so sieht's gerade aus.... :/

   
   Hm. So sieht's gerade bei mir aus.
   Und was soll ich sagen, es funzt.
8. Autor dieses Themas

   same-one

   same-one hat kostenlosen Webspace.

   22:12, 10.4.2011

   menschle schrieb:
   Hm. So sieht's gerade bei mir aus.
   Und was soll ich sagen, es funzt.
   

   
   
   das ist ja mein Problem xDD
   
   ich will diese Liste nebeneinander (horizontal) und nicht untereinander.
   Und dann sollen diese "Bubbles" nach oben animieren..
   
   wie es in NICHT-GELUNGENER-Form bei meinem Beispiel animiert rein kommt :P

9. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?