☰

» »

[js jquery] širina diva

[js jquery] širina diva

korenje3 ::

Imam problem. Za div mi pokaže velikost 0px, dokler ne refresham strani. Zakaj je to tako?



Fora je v tem, da mi potem popup okno ne stoji na sredini, ker je margin-left in margin-top 2px.

i9-12900k; 32GB DDR5-6000 CL36; Nvidia RTX 3080 ti;
Gigabyte Aorus z690 master; Be Quiet Dark Power 12 1000W
  • spremenil: korenje3 ()

alexa-lol ::

Možno da CSS kej zabluzi - recimo float
http://jsfiddle.net/YVnQ6/
http://www.sitepoint.com/forums/showthr...

To z floati reši clearfix

Zgodovina sprememb…

korenje3 ::

ja sam jaz nimam floata.

recimo če dam tam vmes da mi pritne .height(), mi kaže 0 px. Potem ko grem pa gledat strukturo, pa vidim da ima neko točno višino.
i9-12900k; 32GB DDR5-6000 CL36; Nvidia RTX 3080 ti;
Gigabyte Aorus z690 master; Be Quiet Dark Power 12 1000W

alexa-lol ::

Možno da ti selektor vrne prazen array, višina tega je null, null/2 je pa 0.

Daj stran deljenje pa poglej kaj ti napiše.

korenje3 ::



1. grem na stran.
2. ko je stran naloadana grem še enkrat na stran in pravilno pokaže velikosti.

aja pa izgleda da zajebava samo pri teh divih na katere je vezan jplayer pa ta pattern lock
i9-12900k; 32GB DDR5-6000 CL36; Nvidia RTX 3080 ti;
Gigabyte Aorus z690 master; Be Quiet Dark Power 12 1000W

Zgodovina sprememb…

  • spremenil: korenje3 ()

alexa-lol ::

dej logiraj kaj ti napiše v funkciji createpopup... tam se nastavlja pozicija

+ a je uredu da je position brez narekovajev?

korenje3 ::

za pattern lock imam pa tako kreiranje:


	function plotlock(data){
		var options = upravljanje[data.page].vhodi[data.item].options.lockopt;
		options.onDraw = function(pattern){
			if($.sha256(pattern) === upravljanje[data.page].vhodi[data.item].options.pattern){
				var vhod = upravljanje[data.page].vhodi[data.item].vhod;
				if(typeof vhodi[vhod] === 'undefined'){ return; }
				if(vhodi[vhod].type == "onoff"){
					socket.emit("control", {passwd:$.cookie('passwd'), type:data.type, item:data.item, page:data.page, vhod:vhod, value:true });
				}
				else if(vhodi[vhod].type == "tipkalo"){
					socket.emit("control", {passwd:$.cookie('passwd'), type:vhodi[vhod].type, item:data.item, page:data.page, vhod:vhod, value:true });
				}
			}
			plots[data.item].data.reset();
		}
		plots[data.item].data = new PatternLock('#'+data.id,options);
		$('#'+data.id+'-div').height($('#'+data.id).height()+40);
		$('#'+data.id+'-div').width($('#'+data.id).width()+40);
		$('#'+data.id).css({'margin-left':'20px', 'margin-top':'20px'});
	}


alexa-lol je izjavil:

dej logiraj kaj ti napiše v funkciji createpopup... tam se nastavlja pozicija

+ a je uredu da je position brez narekovajev?


pri jquery mislim da ni treba pisati narekovajev ali px.

aja pa ni problem sam createpopup... kot sem že omenil.
i9-12900k; 32GB DDR5-6000 CL36; Nvidia RTX 3080 ti;
Gigabyte Aorus z690 master; Be Quiet Dark Power 12 1000W

Zgodovina sprememb…

  • spremenil: korenje3 ()

alexa-lol ::

kater element bi pa ti rad centriral? Pop-up?

korenje3 :: 

	function createpopup(id){
		var div = id+'-divtop';
		$('#'+div).append('<a href="#" onclick="destroypopup(\''+id+'\');" id="'+div+'-close" data-role="button" data-theme="a" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a>');
		$('#'+div).trigger("create");
		$('#homepop_menu').trigger('create');
		$('#homepop_menu').listview('refresh');
		$('#'+div).popup({ dismissible:false, overlayTheme:"b", history: false, tolerance:0 });
		$('#'+div).css({position:'fixed', 'top':'50%', 'left':'50%', 'margin-top':-($('#'+div).height()/2), 'margin-left':-($('#'+div).width()/2) });
		$('#'+div).popup('open');
	}


alexa-lol je izjavil:

kater element bi pa ti rad centriral? Pop-up?


ja popup. sam fora je, da ne dobim dimenzij diva. ne gleda ali to preverjam v popupu ali ne...
in če nimam dimenzija diva, potem ne morem nacentrirat diva pravilno.

Pa kot sem že napisal, zajebava samo pri teh divih na katere je vezan jplayer pa ta pattern lock.

popravek. pri vseh non-jquery mobile elementih zadeva ne vrne pravilne višine... izgleda da se elementi ne kreirajo medtem ko jaz to preverjam??? glede na to da za jquery elemente imam .trigger('create') tam ni problemov...?
i9-12900k; 32GB DDR5-6000 CL36; Nvidia RTX 3080 ti;
Gigabyte Aorus z690 master; Be Quiet Dark Power 12 1000W

Zgodovina sprememb…

  • spremenil: korenje3 ()

alexa-lol ::

In katera vrstica appenda jplayer ali pattern lock v ta div?

$('#'+div).append('<a href="#" onclick="destroypopup(\''+id+'\');" id="'+div+'-close" data-role="button" data-theme="a" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a>');
    $('#'+div).trigger("create");


Prva vrstica da samo križec za zapiranje, za dogodek 'create' pa ne vem kaj naredi.

Ko ti gledaš v DevToolsih gledaš vedno div, ki ima apendan pattern lock, v kodi pa "meriš" dimenzijo v trenutku ko ta še ni prisoten znotraj diva.

Zgodovina sprememb…

korenje3 ::

preberi tale post: https://slo-tech.com/forum/t612319/p446...
i9-12900k; 32GB DDR5-6000 CL36; Nvidia RTX 3080 ti;
Gigabyte Aorus z690 master; Be Quiet Dark Power 12 1000W

korenje3 ::

aaaaaaa že vidim. preverjam višino preden kreiram element pattern lock.



Če dam vissettitem() za plotlock({
bi načeloma moralo delati.
i9-12900k; 32GB DDR5-6000 CL36; Nvidia RTX 3080 ti;
Gigabyte Aorus z690 master; Be Quiet Dark Power 12 1000W

Zgodovina sprememb…

  • spremenil: korenje3 ()

alexa-lol ::

Pri teh zadevah vedno pomaga če izvedeš "outer HTML" in takoj veš kako zgleda HTML v tistem trenutku.
http://jsfiddle.net/MQ8Td/

ali z uporabo element.outerHTML
http://jsfiddle.net/MQ8Td/1/

https://developer.mozilla.org/en-US/doc...

korenje3 ::

ok zadevo sem rešil...
i9-12900k; 32GB DDR5-6000 CL36; Nvidia RTX 3080 ti;
Gigabyte Aorus z690 master; Be Quiet Dark Power 12 1000W

alexa-lol ::

lahko daš tudi switch namesto 10ih elseif... al pa še bolje

<!DOCTYPE html>
<html>
<head>
	<meta charset=utf-8 />
	<title>Hej</title>
	<script>
		var bambi = function(something){
		    var _tmp = {};
		    
		    _tmp['mars in zemlja'] = function(){
		        alert('mars in zemlja');
		    };
		    
		    _tmp['bambus'] = function(){
		        alert('bambus');
		    };


		    try {
		        _tmp[something]();
		    } catch(e){
		        console.log(e);
		    }

		};
	</script>
</head>
<body>
	<button onClick="bambi('mars in zemlja')">Mars in zemlja</button>
	<button onClick="bambi('bambus')">Bambus</button>
	<button onClick="bambi('wtf')">WTF</button>
</body>
</html>

Vredno ogleda ...

TemaSporočilaOglediZadnje sporočilo
TemaSporočilaOglediZadnje sporočilo
!

Vse, kar ste si želeli vprašati o CSS, pa si niste upali. (strani: 1 2 3 4 … 23 24 25 26 )

Oddelek: Izdelava spletišč		1297330439 (54588) htmltroubles
»

[js] zajem slike iz IP kamere

Oddelek: Programiranje		51089 (860) korenje3
»

CSS dimenzije in pozicije

Oddelek: Izdelava spletišč		171252 (980) marjan_h
»

jquery in div-i (strani: 1 2 )

Oddelek: Izdelava spletišč		8710483 (9221) lisjak
»

CSS - DIV - Brez Tabele

Oddelek: Izdelava spletišč		231478 (1181) jernejp

Več podobnih tem