2. Fórumok
  3. Szoftverfejlesztés
  4. JavaScript topic
Keresés
  • Téma összefoglaló
    Utoljára frissítve: 2014-02-25 10:20

    Fototrend

    JavaScript != Java (A JavaScript nem összekeverendő a Javával, két különböző programozási nyelvről van szó!)

Új hozzászólás Aktív témák

  • #2261 Sk8erPeter nagyúr bpati #2246
    Új Válasz #2261
    Új hozzászólás
    Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra
    Privát üzenet küldése

    Sk8erPeter

    nagyúr

    válasz bpati #2246 üzenetére

    Mivel próbálkoztál eddig?

    "Insert the below script into the <head> section of your page"
    Tehát magyarul ezt a részt, ami ez alatt van, be kell másolni a forráskódod <head> részébe.

    Aztán még ezt is másold az előbbiek alá:
    <script type="text/javascript">
    var tooltips = [];
    tooltips[0]=["red_balloon.gif", "Here is a red balloon<br /> on a white background", {background:"#FFFFFF", color:"black", border:"5px ridge darkblue"}];
    tooltips[1]=["duck2.gif", "Here is a duck on a light blue background.", {background:"#DDECFF", width:"200px"}];
    tooltips[2]=["dynamicindex14/winter.jpg"];
    tooltips[3]=["dynamicindex17/bridge.gif", "Bridge to somewhere.", {background:"white", font:"bold 12px Arial"}];
    </script>

    Komplett példa:

    <html>
    <head>
    <title>próba</title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

    <link rel="stylesheet" type="text/css" href="http://www.dynamicdrive.com/dynamicindex4/ddimgtooltip.css" />

    <script type="text/javascript" src="http://www.dynamicdrive.com/dynamicindex4/ddimgtooltip.js">
    /***********************************************
    * Image w/ description tooltip v2.0- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
    * This notice MUST stay intact for legal use
    * Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
    ***********************************************/
    </script>
    <script type="text/javascript">
    var tooltips = [];
    tooltips[0]=["http://www.dynamicdrive.com/dynamicindex4/red_balloon.gif", "Here is a red balloon<br /> on a white background", {background:"#FFFFFF", color:"black", border:"5px ridge darkblue"}];
    tooltips[1]=["http://www.dynamicdrive.com/dynamicindex4/duck2.gif", "Here is a duck on a light blue background.", {background:"#DDECFF", width:"200px"}];
    tooltips[2]=["http://www.dynamicdrive.com/dynamicindex4/dynamicindex14/winter.jpg"];
    tooltips[3]=["http://www.dynamicdrive.com/dynamicindex4/dynamicindex17/bridge.gif", "Bridge to somewhere.", {background:"white", font:"bold 12px Arial"}];
    </script>
    </head>
    <body>
    <p><a href="http://www.dynamicdrive.com" rel="imgtip[0]">Link 1</a></p>
    <p><a href="http://javascriptkit.com" rel="imgtip[1]" style="float:right">Link 2</a></p>
    <p><a href="http://cssdrive.com" rel="imgtip[2]">Link 3</a></p>
    <p><a href="http://codingforums.com" rel="imgtip[3]">Link 4</a></p>
    </body>
    </html>

    Ide felraktam a komplett kódot: [link]
    A képeket valamiért nem tölti be, most vagy azért, mert a hotlinkelés tiltva van, vagy másért, ezzel nem töltöttem időt, mindenesetre a tooltip megjelenik.

    = Szerk.: egyébként vannak alternatívák bőven tooltipekre, ide korábban felraktam egy másik példát: [link].

    ---------------------------------------------------------
    (#2245) [pod]Diablo : szívesen! :K

Új hozzászólás Aktív témák