Autor Zpráva
Pavel Straka
Profil
Dobrý večer, rád bych požádal o pomoc s delikátním problémem.
Mám na určité stránce 3 skripty, s těmito úkoly:

1. Našeptávač k políčku (v ukázce hodnoty Praha, Ostrava, Brno, Plzeň)
2. Textová bublina k políčku
3. Plynulý scroll před políčko (#kotva).

Můj problém je, že pokud kromě prvního skriptu, chci použít ještě další 2, tzn. musím načíst toto:
<script language="JavaScript" type="text/javascript" src="skripty/jquery.dimensions.min.js"></script>
      <script language="JavaScript" type="text/javascript" src="skripty/jquery.inputHintBox.js"></script>
přestane 1.skript správně fungovat. Našeptávané hodnoty se nezobrazují pod políčkem ale v levém horním rohu samotné stránky. Jak bych toto mohl vyřešit za předpokladu, že všechny 3 skripty chci použít?

Děkuji všem za pomoc, budu vděčný za každou radu.
Ukázka zde: http://www.pavelstraka.com/jquery.php
panther
Profil
Pavel Straka:
funguji, jen mas nabourane styly. Naseptavac se ti pozicuje absolutne na [0;0] - pohrab se ve stylech a nastav si prislusne hodnoty. S JavaScriptem to nesouvisi.
Pavel Straka
Profil
Děkuju za pomoc, ale bohužel si s tím nevím rady, zkoušel jsem použít příklad s omezujícím blokem tady: Position , ale nepomohlo to.

Kód příslušného stylu:
/*!
 * jQuery UI Autocomplete 1.8.23
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Autocomplete#theming
 */
.ui-autocomplete { position: absolute; cursor: default; }    

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

/*
 * jQuery UI Menu 1.8.23
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
.ui-menu {
    list-style:none;
    padding: 2px;
    margin: 0;
    display:block;
    float: left;   
}
.ui-menu .ui-menu {
    margin-top: -3px;
}
.ui-menu .ui-menu-item {
    margin:0;
    padding: 0;
    zoom: 1;
    float: left;
    clear: left;
    width: 100%;
}
.ui-menu .ui-menu-item a {
    text-decoration:none;
    display:block;
    padding:.2em .4em;
    line-height:1.5;
    zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal;
    margin: -1px;
}

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: