DevProTalk

Forumi IT profesionalaca
web development, web design, e-business, SEO


Idite nazad   DevProTalk > Web development i web aplikacije > (X)HTML, JavaScript, DHTML, XML, CSS
Želite da se reklamirate ekskluzivno na ovoj poziciji? Javite se

(X)HTML, JavaScript, DHTML, XML, CSS Client scripting tehnologije, Dynamic HTML, Cascading Stylesheets, XML i standardi

Odgovori
 
Alati teme Način prikaza
Staro 11. 02. 2006.   #11
bluesman
Goran Pilipović
Sir Write-a-Lot
 
Avatar bluesman
 
Datum učlanjenja: 18.05.2005
Lokacija: Beograd
Poruke: 5.450
Hvala: 288
1.247 "Hvala" u 446 poruka
bluesman je osoba koju treba slušatibluesman je osoba koju treba slušatibluesman je osoba koju treba slušatibluesman je osoba koju treba slušatibluesman je osoba koju treba slušatibluesman je osoba koju treba slušatibluesman je osoba koju treba slušatibluesman je osoba koju treba slušatibluesman je osoba koju treba slušati
Pošaljite ICQ poruku za bluesman
Default

Ne ignoriše title, naprotiv.
__________________
Goran Pilipović a.k.a. Ugly Fingers Bradley f.k.a. bluesman
I don't always know what I'm talking about but I know I'm right!
bluesman je offline   Odgovorite uz citat
Staro 11. 02. 2006.   #12
bojan_bozovic
expert
Master
 
Avatar bojan_bozovic
 
Datum učlanjenja: 20.12.2005
Poruke: 730
Hvala: 0
0 "Hvala" u 0 poruka
bojan_bozovic is on a distinguished road
Default

Sad cu ponovo pred editor, za drugu verziju
bojan_bozovic je offline   Odgovorite uz citat
Staro 11. 02. 2006.   #13
noviKorisnik
Dejan Katašić
Wrote a book
 
Avatar noviKorisnik
 
Datum učlanjenja: 10.06.2005
Lokacija: Novi Sad
Poruke: 1.017
Hvala: 129
86 "Hvala" u 43 poruka
noviKorisnik će postati "faca" uskoro
Default

Citat:
Originalno napisao bojan_bozovic
@nK
Hocemo li da pisemo copyright za ovo
Pa mogu da se potpišem ako treba :-) - to makar znam ...
noviKorisnik je offline   Odgovorite uz citat
Staro 11. 02. 2006.   #14
bojan_bozovic
expert
Master
 
Avatar bojan_bozovic
 
Datum učlanjenja: 20.12.2005
Poruke: 730
Hvala: 0
0 "Hvala" u 0 poruka
bojan_bozovic is on a distinguished road
Wink

Citat:
Originalno napisao noviKorisnik
Pa mogu da se potpišem ako treba :-) - to makar znam ...
Odlicno, to cemo i uraditi.

@bluesman

Here it comes...

Kôd:
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html 
     PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>popup test</title>
<script type="text/javascript">
/* copyright (C) 2006
Bojan Bozovic (http://maestitia.net/)
Dejan Katasic (http://korisnik.blog.hr/)
:) */
function show_popup(e) {
var evt=e;
var tekst=document.createTextNode(this.title);
if (typeof (e) != 'object') evt = event;
var popup=document.getElementById('popup');
var x,y;
if (self.pageYOffset) // all except Explorer
{
x = self.pageXOffset;
y = self.pageYOffset;
}
else if (document.documentElement && document.documentElement.scrollTop)
// Explorer 6 Strict
{
x = document.documentElement.scrollLeft;
y = document.documentElement.scrollTop;
}
else if (document.body) // all other Explorers
{
x = document.body.scrollLeft;
y = document.body.scrollTop;
}
popup.appendChild(tekst);
this.title="";
popup.style.visibility="visible";
popup.style.top=y+evt.clientY+10+"px";
popup.style.left=x+evt.clientX+10+"px";
}
function hide_popup() {
var popup=document.getElementById("popup");
this.title=popup.innerHTML;
popup.innerHTML="";
popup.style.visibility="hidden";
}
function init(){ 
document.body.innerHTML=document.body.innerHTML+"<div class='popup' id='popup'></div>";
var links = document.getElementsByTagName('a');
  for (var i = 0; i < links.length; i++) {
    if (links[i].title!="") {
     links[i].onmousemove=show_popup; 
     links[i].onmouseover=show_popup;
     links[i].onmouseout=hide_popup;
    }
  }
}
</script>
<style type="text/css">
div.popup {
color:white;
background:black;
border:1px solid red;
position:absolute;
visibility:hidden;
}
</style>
<body onload="init()">
<p>
<a title="DPT Forums" href="http://www.devprotalk.com">DPT</a>
</p>
</body>
</html>

Poslednja izmena od bojan_bozovic : 11. 02. 2006. u 04:25.
bojan_bozovic je offline   Odgovorite uz citat
Staro 11. 02. 2006.   #15
nixa
Nikola Denić
Sir Write-a-Lot
 
Avatar nixa
 
Datum učlanjenja: 18.05.2005
Lokacija: Beograd
Poruke: 3.694
Hvala: 160
458 "Hvala" u 164 poruka
nixa ima spektakularnu aurunixa ima spektakularnu aurunixa ima spektakularnu aurunixa ima spektakularnu aurunixa ima spektakularnu auru
Pošaljite poruku preko Skype™ za nixa
Default

E dobro je ovo, samo jos da stavite neku fancy transparenciju ..
__________________
Do not ask yourself what the world needs. Ask yourself what makes you come alive, and then go do that. Because what the world needs is people who have come alive
nixa je offline   Odgovorite uz citat
Staro 11. 02. 2006.   #16
bojan_bozovic
expert
Master
 
Avatar bojan_bozovic
 
Datum učlanjenja: 20.12.2005
Poruke: 730
Hvala: 0
0 "Hvala" u 0 poruka
bojan_bozovic is on a distinguished road
Default

Citat:
Originalno napisao nixa
E dobro je ovo, samo jos da stavite neku fancy transparenciju ..
Samo sto to nije na mojoj TO-DO listi, stavi je na svoju, a ja ti dajem hintove (inace necemo da te ubacimo gore )
Kada se show_popup pozove moras da kreiras novi popup, sa document.createElement ili document.body.innerHTML i da ga uklonis iz DOM stabla nakon hide_popup. Zasto? Da bi mogao da imas vise popupova sto ti je nuzno za fadeout efekt
Fadeout - samo menjas stilove opacity;-khtml-opacity,-moz-opacity i filter:Alpha(opacity) ili kako vec bese za IE u petlji.
Ovo vec sljaka na http://maestitia.net/ meni zasada bolje ne treba.
bojan_bozovic je offline   Odgovorite uz citat
Staro 12. 02. 2006.   #17
bojan_bozovic
expert
Master
 
Avatar bojan_bozovic
 
Datum učlanjenja: 20.12.2005
Poruke: 730
Hvala: 0
0 "Hvala" u 0 poruka
bojan_bozovic is on a distinguished road
Talking Sto vise radim na ovome, sve vise lici na overlib :)

Kôd:
function show_popup(e){
var evt=e;
var tekst=document.createTextNode(this.title);
if(typeof(e)!='object')evt=event;
var popup=document.getElementById('popup');
var x,y,ix,iy,ox=10,oy=10;
if (self.innerHeight&&self.pageYOffset) // all except Explorer
{
ix = self.innerWidth;
iy = self.innerHeight;
x=self.pageXOffset;
y=self.pageYOffset;
}
else if (document.documentElement && document.documentElement.clientHeight&&document.documentElement.scrollTop)
// Explorer 6 Strict Mode
{
ix = document.documentElement.clientWidth;
iy = document.documentElement.clientHeight;
x=document.documentElement.scrollLeft;
y=document.documentElement.scrollTop;
}
else if (document.body) // other Explorers
{
ix = document.body.clientWidth;
iy = document.body.clientHeight;
x=document.body.scrollLeft;
y=document.body.scrollTop;
}
popup.appendChild(tekst);
this.title="";
if(ix<(evt.clientX+ox+popup.clientWidth)){
	ox=-(popup.clientWidth);
}
if(iy<(evt.clientY+oy+popup.clientHeight)){
	oy=-(popup.clientHeight);
}
popup.style.visibility="visible";
popup.style.top=y+evt.clientY+oy+"px";
popup.style.left=x+evt.clientX+ox+"px";}
function hide_popup(){
var popup=document.getElementById("popup");
this.title=popup.innerHTML;popup.innerHTML="";
popup.style.visibility="hidden";
}
function init(){
var agt=navigator.userAgent.toLowerCase();
var is_ie     = ((agt.indexOf("msie") != -1) && (agt.indexOf("opera") == -1));
var is_mac    = (agt.indexOf("mac")!=-1);
if(document.getElementById&&!(is_ie&&is_mac)){
document.body.innerHTML=document.body.innerHTML+"<div class='popup' id='popup'></div>";
var links=document.getElementsByTagName('a');
for(var i=0;i<links.length;i++){
if(links[i].title!=""){
links[i].onmousemove=show_popup;
links[i].onmouseover=show_popup;
links[i].onmouseout=hide_popup;}}}}
Fixed: MSIE/Mac izbacen
Fixed: popup se prikazuje iznad kursora ako je link suvise nisko
bojan_bozovic je offline   Odgovorite uz citat
Staro 12. 02. 2006.   #18
ivanhoe
Ivan Dilber
Sir Write-a-Lot
 
Avatar ivanhoe
 
Datum učlanjenja: 18.10.2005
Lokacija: Bgd
Poruke: 5.320
Hvala: 104
2.344 "Hvala" u 583 poruka
ivanhoe je ime poznato svimaivanhoe je ime poznato svimaivanhoe je ime poznato svimaivanhoe je ime poznato svimaivanhoe je ime poznato svimaivanhoe je ime poznato svimaivanhoe je ime poznato svimaivanhoe je ime poznato svimaivanhoe je ime poznato svimaivanhoe je ime poznato svimaivanhoe je ime poznato svima
Pošaljite poruku preko Skype™ za ivanhoe
Default

Citat:
Originalno napisao bojan_bozovic
Kada se show_popup pozove moras da kreiras novi popup, sa document.createElement ili document.body.innerHTML i da ga uklonis iz DOM stabla nakon hide_popup. Zasto? Da bi mogao da imas vise popupova sto ti je nuzno za fadeout efekt
a zasto? Zar ne moze samo da se menja transparencija postojecem div-u?
Imao sam nekih problema nedavno sa transparencijom, pa ajde molim te pojasni ovo, mozda mi ustedis besane noci

Btw, jedan predlog...kad se doda ovaj overlay, trebalo bi pobrisati title za linkove (ili alt ako je slika), to bi trebalo da resi problem sa baloncicem koji otvori browser...
__________________
Leadership is the art of getting people to want to do what you know must be done.
ivanhoe je offline   Odgovorite uz citat
Staro 12. 02. 2006.   #19
bojan_bozovic
expert
Master
 
Avatar bojan_bozovic
 
Datum učlanjenja: 20.12.2005
Poruke: 730
Hvala: 0
0 "Hvala" u 0 poruka
bojan_bozovic is on a distinguished road
Default

Pa i brise title, ne brise alt u slikama, to ce i meni da treba, ali se to lako doda, tako sto ubacimo i init za slike ako imaju title, pa brisemo i alt, veruj na rec ;-)

Ako menjas transparenciju postojecem divu a korisnik predje na sledeci link, sta onda biva? Zato treba vise od jednog diva da bi imao dobar fadeout kad korisnik predje na sledeci link, a fadeout se nije zavrsio.
bojan_bozovic je offline   Odgovorite uz citat
Staro 12. 02. 2006.   #20
bojan_bozovic
expert
Master
 
Avatar bojan_bozovic
 
Datum učlanjenja: 20.12.2005
Poruke: 730
Hvala: 0
0 "Hvala" u 0 poruka
bojan_bozovic is on a distinguished road
Default

@ivanhoe
Kôd:
function init(){
var agt=navigator.userAgent.toLowerCase(),i;
var is_ie=((agt.indexOf("msie") != -1) && (agt.indexOf("opera") == -1));
var is_mac=(agt.indexOf("mac")!=-1);
if(document.getElementById&&!(is_ie&&is_mac)){
	document.body.innerHTML=document.body.innerHTML+"<div class='popup' id='popup'></div>";
	var links=document.getElementsByTagName('a');
	var slike=document.getElementsByTagName('img');
	for(i=0;i<links.length;i++){
		if(links[i].title!=""){
			links[i].onmousemove=show_popup;
			links[i].onmouseover=show_popup;
			links[i].onmouseout=hide_popup;
			}
		}
		if (is_ie) { // nasli smo IE
			for(i=0;i<slike.length;i++){
				slike[i].alt=""; // brisi alt property na svim slikama
				}
			}
	}
}
bojan_bozovic je offline   Odgovorite uz citat
Odgovori


Alati teme
Način prikaza

Pravila pisanja
Možete ne započinjati nove teme
Možete ne slati odgovore
Možete ne slati priloge
Možete ne izmeniti svoje poruke
vB kôd je Uključen
Smajliji su Uključen
[IMG] kod je Uključen
HTML kôd je Isključen
Pogledajte forum

Slične teme
Tema Početna poruka teme Forum Odgovori Poslednja poruka
Kohana display event ivanhoe Web aplikacije, web servisi i software 4 30. 09. 2009. 00:27
Lose Organizovan Vista Event Dejan Bizinger Opušteno 5 01. 03. 2007. 19:46
<select> onClose event godza (X)HTML, JavaScript, DHTML, XML, CSS 14 23. 07. 2006. 20:04


Vreme je GMT +2. Trenutno vreme je 04:11.


Powered by vBulletin® Verzija 3.6.8
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Copyright © DevProTalk. All Rights Reserved.
Mišljenja, saveti, izjave, ponude ili druge informacije ili sadržaji nastali na Sajtu su vlasništvo onoga ko ih je kreirao, a ne DevProTalk.com, tako da ne morate da se oslanjate na njih.
Autori poruka su jedini odgovorni za ovakve sadržaje. DevProTalk.com ne garantuje tačnost, kompletnost ili upotrebnu vrednost informacija, stavova, saveta ili datih izjava. Ne postoje uslovi pod kojima bi mi bili odgovorni za štetu ili gubitak koji je posledica bilo čijeg oslanjanja na nepouzdane informacije, ili bilo kakve informacije nastale kroz komunikaciju između registrovanih članova.
Web sajt može sadržavati linkove na druge web sajtove na Internetu ili neke druge sadržaje. Ne kontrolišemo niti podržavamo te druge web sajtove, niti smo pregledali bilo kakve sadržaje na takvim sajtovima. Mi nećemo biti odgovorni za legalnost, tačnost ili prikladnost bilo kog sadržaja, oglasa, proizvoda, usluga ili informacije lociranim na ili distribuiranih kroz druge web sajtove, niti za bilo kakvu štetu nastalu kao posledica takvih informacija. DevProTalk.com drži i čuva druga prava vlasništva na web sajtu. Web sajt sadrže materijale zaštićene copyright-om, zaštitne znakove i druge informacije o pravu vlasništva ili softver. Članovi mogu poslatu informacije zaštićene pravima vlasništva njihovih nosilaca i ona ostaju zaštićena bez obzira da li su oni koji prenose te informacije to naveli ili ne. Osim informacija koje su u javnom vlasništvu ili za koje dobijete dozvolu, nemate pravo da kopirate, modifikujete ili na bilo koji način menjate, objavljujete, prenosite, distribuirate, izvršavate, prikazujete ili prodajte bilo koju informaciju zaštićenu pravima vlasništva. Slanjem informacija ili sadržaja na bilo koji deo DevProTalk.com, Vi automatski dozvoljavate i predstavljate garanciju da imate pravo da dozvolite DevProTalk.com ili članovima DevProTalk.com bespovratnu, kontinualnu, neograničenu, globalnu dozvolu da koriste, kopiraju, izvršavaju, prikazuju i distribuiraju takve informacije i sadržaje i da iz takvih sadžaja koriste bilo koji deo u bilo koje svrhe, kao i pravo i dozvolu da koriste gore navedene sadržaje. Svi zaštitni znakovi (trademarks), logotipi, oznake usluga, firme ili imena proizvoda koji se pominju na ovom web sajtu su vlasništvo kojim raspolažu njihovi vlasnici.