» »

Iframe pomoč

Iframe pomoč

jeryslo ::

Zdravo!

Izdelujem spletno stran, ki jo lahko pogledate na tem linku:
http://vp-zalec.dyndns.biz/

Zdaj me pa zanima glede samega iframe-a, namreč le ta se ne poveča na tisto vrednost, ki mu jo določi javascript, ampak najprej počaka da se naloži slika, šele potem se nastavi na tisto vrednost. Torej jaz bi rad da bi se nastavil na tisto vrednost, še preden se bi do konca naložila slika. Še koda:
script type="text/javascript"> 
		function setSize(){
			var iframeElement = parent.document.getElementById('dynamic'); 
			 
			var height = screen.height * 0.60;
			iframeElement.style.height = height + "px";
		}
		</script>


Iframe koda:
<iframe name="dynamic" id="dynamic" src="/prvo_okno.html" onload="setSize()" width="100%">
</iframe>

bluefish ::

Vem, da bom dolgočasen, samo zakaj ne uporabiš div-ov?
Celotna reč, kakor se je lotevaš sedaj, je nekako iz prejšnjega desetletja.

Zgodovina sprememb…

  • spremenil: bluefish ()

schtr4jh ::

Atribut "onload" pomeni, da se nekaj izvede (v tvojem primeru setSize()), ko so vsi elementi na spletni strani naloženi.
Zaženi to skripto pred iframe ali za iframe.

<script type="text/javascript">
setSize();
</script>


PS: Iframe in frame so zgodovina ;-)

jeryslo ::

Vem, da bom dolgočasen, samo zakaj ne uporabiš div-ov?
Celotna reč, kakor se je lotevaš sedaj, je nekako iz prejšnjega desetletja.


Da bi uporabile div-e, no bom upošteval nasvet. Hvala za odgovor Schtr4jh.

jeryslo ::

Bom kar tule vprašal, trenutno imam izbiro menujev narejeno tako, da ko uporabnik gre čez z miško, se obarva belo:
a.opis:hover
{
color:white;
}


Zdaj pa sem naredil še, da ko uporabnik klikne, se izbira obarva belo:
<a class="opis" id="opis" href="/opis.html" target="dynamic" onClick="setColor();this.style.color='white'">Opis</a>


Še prej pa z funkcijo setColor nastavim vse menije na črno, če je slučajno uporabnik prej izbral kakšen meni:
function setColor(){
			var h2Element1 = parent.document.getElementById('opis');
			var h2Element2 = parent.document.getElementById('podatki');
			var h2Element3 = parent.document.getElementById('bazaPodatkov');
			var h2Element4 = parent.document.getElementById('zanimivepovezave');
			var h2Element5 = parent.document.getElementById('reportaze');
			h2Element1.style.color = "black";
			h2Element2.style.color = "black";
			h2Element3.style.color = "black";
			h2Element4.style.color = "black";
			h2Element5.style.color = "black";
		}

Toda sedaj, ko grem čez druge menije z miško hover ne deluje več, verjetno ker sem z metodo setColor nastavil barvo na črno. Se da nastaviti, da ostane barva za hover bela?

schtr4jh ::

Ti ob kliku na link kličeš JS kodo, ki vsem a tagom (opis, podatki, bazaPodatkov, zanimivepovezave, reportaze) spremeni pisavo na črno, obenem pa spremeniš po tem na belo.

V css dodaj še a.opis:visited in a.opis:link (oboje za črno barvo) in potem ne potrebuješ funkcije setColor()

jeryslo ::

Če dam v css še visited link, potem hover ne deluje več, pa tudi ob kliku na naslednji link, se prejšnji ne obarva nazaj na črno. Poskušal sem še z a.opis:active, vendar mi tudi tist ni uspelo.
Po tutorial-u na netu, piše da:
* a:link { } - regular link
* a:visited { } - regular link already visited
* a:hover { } - any link with the mouse cursor currently over it
* a:active { } - the split-second a link is clicked
Torej bi moral na tale način delovati:
a.opis
{
margin:0em 3em 0em 0em;/*four values, such as 10px 5px 2px 1px to specify the top, right, bottom and left margins respectively*/
text-decoration:none;
color:black;
}
a.opis:hover
{
color:white;
}
a.opis:visited
{
color:black;
}
a.opis:active
{
color:white;
}


Any ideas?

Zgodovina sprememb…

  • spremenil: jeryslo ()

schtr4jh ::

kaj se zgodi, če dodaš visited pred hover?

jeryslo ::

Ne, ni razlike. Se opravičujem, sem se prej malo narobe izrazil, hover deluje, za katerikoli link, tudi ko že kliknem na link, problem je, da potem ko kliknem na drugi link, se tisti prvi ne obarva nazaj v črno.

opeter ::

Najbolje bi bilo, če bi se držal vrstnega reda LOVE, HATE
skratka:

a:link
a:visited
a:hover
a:active

ups: edit, vidim, da imaš tako nastavljeno.
Hrabri mišek (od 2015 nova serija!) -> http://tinyurl.com/na7r54l
18. november 2011 - Umrl je Mark Hall, "oče" Hrabrega miška
RTVSLO: http://tinyurl.com/74r9n7j

Zgodovina sprememb…

  • spremenil: opeter ()


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 423 24 25 26 )

Oddelek: Izdelava spletišč
1298347227 (6364) sunniegoldie
»

Kako narediti to stran "resposive"?

Oddelek: Izdelava spletišč
51035 (926) zzbil
»

Jquery

Oddelek: Izdelava spletišč
151813 (1537) mk818764
»

Javascript - izračun razlike v datumih

Oddelek: Programiranje
81927 (1782) kogledom
»

CSS problemi (strani: 1 2 )

Oddelek: Izdelava spletišč
519870 (7669) nuuush

Več podobnih tem