Builder.cz - Informacni server o programovani

Odběr fotomagazínu

Fotografický magazín "iZIN IDIF" každý týden ve Vašem e-mailu.
Co nového ve světě fotografie!

 

Zadejte Vaši e-mailovou adresu:

Kamarád fotí rád?

Přihlas ho k odběru fotomagazínu!

 

Zadejte e-mailovou adresu kamaráda:



průhledné pozadí našeptávače

Seznam témat     Nová odpověď

Přihlásit se     Registrace     Zapomenuté heslo

Re: průhledné pozadí našeptávače

Autor: roman.hocke

15:29:04 21.09.2011

Za málo, jsem rád, že ti to funguje :-)

Citovat příspěvek

 

Re: průhledné pozadí našeptávače

Autor: jsemztohojelen

15:23:21 21.09.2011

Naprosto perfektní, díky moc :-)

Citovat příspěvek

 

Re: průhledné pozadí našeptávače

Autor: roman.hocke

15:05:41 21.09.2011

Takže jestli to správně chápu, chceš aby se #result zobrazoval jako okýnko a překrýval obsah, který by byl jinak pod ním. Toho dosáhneš pomocí CSS:
[code]
position: relative; /* vyjmuti DIVu z toku dokumentu */
z-index: 1000; /* DIV bude "nad" ostatními prvky dokumentu */
top: 10px; /* custom posunuti z pozice, kde by prvek byl, kdyby nebyl relative */
left: 10px; /* -"- */
[/code]

Citovat příspěvek

 

Re: průhledné pozadí našeptávače

Autor: jsemztohojelen

14:56:28 21.09.2011

našeptávač normálně funguje tak, že jakmile se zobrazí výsledky, všechny prvky na stránce pod ním se s oknem posunou dolů.

Teď je našeptávač umístěn v divu s height:80px; a s float:left; poté je opět div s clear:both; a další divy s float:left; V tomto případě se už prvky neposouvají dolů, ale s oknem našeptávače překrývají. Pokud odstraním pevnou výšku height:80px;, pak se vše rozhází a opět okno posouvá prvky pod ním dolů.

Pozadí result přijme, dokonce i obrázek, ale stále se text překrývá.

Chtěl bych, aby se okno otevřelo bez vlivu na své okolí a mělo neprůhledné pozadí.

Citovat příspěvek

 

Re: průhledné pozadí našeptávače

Autor: roman.hocke

13:12:19 21.09.2011

Ahoj, a to černé pozadí #result dostane nebo ne? Nebije se to ještě s nějakým jiným stylem? Díval ses na to přes Firebug, DragonFly nebo nějaké podobné vývojářské rozšíření prohlížeče? Ty ti hezky ukážou, které styly se vzaly v potaz a které byly přebity něčím jiným a jaký je vlastně výsledný styl.

Citovat příspěvek

 

průhledné pozadí našeptávače

Autor: jsemztohojelen

13:02:39 21.09.2011

Zdravím, mám takový problém. Mám ajax našeptávač, avšak okno s výsledky vyhledávání je průhledné (překrývá se s textem pod ním).

Skript ajaxu:

function createObject() {
var request_type;
var browser = navigator.appName;
if(browser == "Microsoft Internet Explorer"){
request_type = new ActiveXObject("Microsoft.XMLHTTP");
}else{
request_type = new XMLHttpRequest();
}
return request_type;
}

var http = createObject();


function autosuggest() {
q = document.getElementById('search-q').value;
// Set te random number to add to URL request
nocache = Math.random();
http.open('get', 'ajax_search.php?q='+q+'&nocache = '+nocache);
http.onreadystatechange = autosuggestReply;
http.send(null);
}
function autosuggestReply() {
if(http.readyState == 4){
var response = http.responseText;
e = document.getElementById('results');
if(response!=""){
e.innerHTML=response;
e.style.display="block";
} else {
e.style.display="none";
}
}
}


Styl:

#search-wrap input{
width:350px;
font-size:14px;
color:#999999;
padding:6px;
border:solid 1px #999999;
}

#results{
/*background-image: url("../imgs/fixbg.gif");
background-position: top left;
background-repeat: repeat;*/
background-color: black;
width:350px;
border:solid 1px #DEDEDE;
display:none;
margin-left: 19px;
}

#results ul, #results li{
padding:0;
margin:0;
border:0;
list-style:none;
}

#results li {
border-top:solid 1px #DEDEDE;
padding:6px;
}

#results li a{
display:block;
text-decoration:none;
color: #000000;
font-weight:bold;
}

#results li a small{
display:block;
text-decoration:none;
color:white;
font-weight:normal;
}

#results li a:hover{
background:#FFFFCC;
}

#results ul {
padding:6px;
}

Za boha nemůžu přijít na to, proč je okno překryté a jak to odstranit.

Díky za případné rady

Citovat příspěvek

 

 

 

Přihlášení k mému účtu

Uživatelské jméno:

Heslo: