Kezdőoldal » Számítástechnika » Weblapkészítés » Valaki átírja ezt a html kódot?

Valaki átírja ezt a html kódot?

Figyelt kérdés

Egy div ablakról lenne szó:

<html>

<head>

<!--

function getStyle()

{

var temp = document.getElementById("VALTOZO_1").style.visibility;

return temp;

}

function switchMain()

{

var current = getStyle();

if( current == "visible" )

{

document.getElementById("VALTOZO_1").style.visibility = "hidden";

}

else

{

document.getElementById("VALTOZO_1").style.visibility = "visible";

}

//-->

</script>

</head>

<body>

</div>

</body>

</html>

Úgy szeretném, hogy az ablak körül minden tartalom fekete legyen, tehát ne látszódjon az ablakon kívül semmi.

2014. febr. 4. 21:55

1/8 A kérdező kommentje:

Még az is jó lenne, ha a felhasználó nem kattint a bezárás gombra, akkor 30 másodpercen belül automatikusan záródjon be az ablak (mutassa is, hogy épp hány s van még hátra)

2014. febr. 4. 22:07

2/8 anonim

válasza:

ez a kód valami eszelős :D

2014. febr. 4. 22:27

Hasznos számodra ez a válasz?

3/8 anonim

válasza:

Ha programot írsz, akkor kénytelen vagy alávetni magad azon szabályoknak, ahogyan azok működnek.

Első lépésként rá kell jönni hogy a "div" nem "ablak".

Második lépésként nézd meg, hogy a következő idézetben mit jelent az Általad "írt" 2. sor.

"<script type="text/JavaScript">

<!--"

Ha ezeken túlvagy, akkor jöhet az, hogy mikor fut le a "switchMain()" JavaScript funkció a dokumentumon.

Ha már ezt is tudod, nem fogsz őrületes baromságokat írni világszerte.

2014. febr. 4. 23:33

Hasznos számodra ez a válasz?

4/8 A kérdező kommentje:

bocsi, az a scriptes dolog már máshogy került bele... egyáltalán nem értek a js, html-hez, ezért is kérdeztem, hogy hátha valaki tud segíteni

2014. febr. 5. 13:52

5/8 anonim

válasza:

Szia, átírva, egy olyan változat, amire esetleg gondolhattál:

<html>

<head>

timeToClose=5000; // ebben a változóban számláljuk (ezredmésodperc), hogy mennyi idő múlva kéne valamit csinálni (pl. lezárni az ablakot)

setTimeout(function(){alert("Hello");},6000); // indulás után 6000ms (6sec) alert-et adunk a képernyőre, újabb 6sec után megint....

window.setInterval("dispTimeLeft()",1000); // másodpercenként végrehajtjuk a dispTimeLeft() funkciót

function dispTimeLeft() {

document.getElementById("timeLeft").innerHTML=timeToClose/1000; // beleírjuk a "timeLeft" id-jű div-be, hogy mennyi idő van még hátra másodpercben

timeToClose-=1000; // csökkentjük a hátralévő időt 1 másodperccel

}

function switchMain() {

var tmp = document.getElementById("VALTOZO_1").style;

if( tmp.visibility == "visible" ) {

tmp.visibility = "hidden";

}

else {

tmp.visibility = "visible"; //ez az ág sosem fog lefutni, mert "addigra" már eltűntettük a "VALTOZO_1" id-vel rendelkező div-et, a nyomógombbal együtt.

}

</script>

</head>

</div>

</body>

</html>

Látszott, hogy igyekeztél középre rendezni a "VALTOZO_1" id-val rendelkező div-et, ezért azt átírtam, hogy tényleg középen legyen, és benne relatív helyen a click-kelhető kis kép.

A kód alapján van tehát egy "VALTOZO_2" file-nevű képed (pl. egy jpg file erre a névre átnevezve) u.abban a directory-ban, ahol maga a HTML file, és ez a kép a háttérkép.

Van egy "VALTOZO_3" nevű kis képed (szintén ebben a folderben), amire a HTML lapon click-elni lehet.

A click hatására semmi más nem történik, csak láthatatlanná válik az egész DIV, tehát a háttérkép és a kiskép is.

A HTML body úgy lett most fekete, hogy megadtuk, milyen színű legyen: <body style="background-color: #000000">

A #000000 csupa 0 (R,G,B), tehát egyik szín sem világít, ez fekete. A #FF0000 Piros, a #00FF00 Zöld, a #0000FF Kék, és ha mindhárom szín teljes fényerőn van:#FFFFFF, az együtt Fehér.

A script elejére írtam timer-eket.

Tanuláshoz nagyon jó forrás a http://w3schools.com. "Sajnos" kénytelen leszel beleásni magad a HTML-be (DOM), és a javaScript-be, ha ilyen lapokat szeretnél gyártani, mert tapasztalat, hogy összeollózással csak akkor tud az ember összerakni bármit, ha tudja, hogy pontosan mit ollózott össze.

Üdv!

2014. febr. 5. 18:19

Hasznos számodra ez a válasz?

6/8 anonim

válasza:

Szia, a korábbi pikírt válaszom ellenére ne hezitálj visszakérdezni; sok -elsőre- nem érthető dolog lehet a módosított kódban is.

Szívesen válaszolok, ha meg szeretnéd tudni, mi hogyan és miért van... :)

2014. febr. 5. 21:24

Hasznos számodra ez a válasz?

7/8 A kérdező kommentje:

Szia!

Köszönöm szépen, de nem egészen erre gondoltam.

Az én hibám, mert érthető a kérdés.

Amit szerettem volna:

Van egy oldal amit ha megnyitunk, akkor egy 500x500 px ablak töltődik be. Az ablak hátterének és a bezárást szolgáló gomb képét url címmel adnám meg. Amikor megnyílik az ablak, akkor az ablakon kívül minden fekete legyen, de ha bezárjuk akkor eltűnjön az ablak is és a fekete szín is, hogy minden tartalom látható legyen.

Ha a felhasználó mégse kattint a bezárás gombra, akkor az ablak 30 másodperc múlva automatikusan tűnjön el.

(az se baj, ha az ablak alján ki lenne írva, hogy " Az ablak xy másodperc múlva bezáródik"

Hasonló ablakokat "vicc" oldalakon láttam még anno, és lájkolni kellett a tartalmat vagy várni félpercet.

Én nem ilyen célra használnám, de hasonló megoldást szeretnék (persze like gomb helyett bezárás lenne)

2014. febr. 6. 18:10

8/8 anonim

válasza:

Szia, egyetlen lapon így a legkönnyebb megoldani (másold bele egy üres, html kiterj. fájlba, és megnyithatod lokálisan a böngésződben).

Tisztább lenne sztem, ha a feladatot úgy oldanád meg, hogy egy "kezdőlap" számlálna vissza, rajta a képekkel, és az hívná meg egy 2. lapot, amin a másik tartalom van.

<!DOCTYPE html>

<html>

<style>

h1, div, button {display:none;} /*itt a h1, a div-ek, és a nyomógombok stílusát "láthatatlanná" tesszük.*/

.pre {display:block;} /*minden olyat mutatunk, amit "pre" class-névvel láttunk el lentebb*/

</style>

</script>

var timeToClose = 5000; // 5 másodpercről számolunk majd vissza Ezt átírhatod majd 30000-re, ha fél percet szeretnél.

var timer = window.setInterval("dispTimeLeft()",1000); // másodpercenként meghívjuk a dispTimeLeft() funkciót (azzal számolunk vissza, a hátralévő idő ügyében)

function showMyPage(){ // ez a funkció kapcsolja le az előképet, és megmutatja a lap többi részét

$("*").show(); // a lapon mindent láthatóvá teszünk

$(".pre").hide(); // a "pre" class-szal jelölt elemeket (lentebb vannak, az "előkép" elemei) elrejtjük

$("body").css("background-color", "white"); // az eredetileg feketére állított háttérszínt fehérre állítjuk.

clearInterval(timer); // leáíllítjuk a timert

}

function dispTimeLeft() { // kiíratjuk a hátralévő időt

$("#timeDisp").html( "Az ablak <b>" + timeToClose/1000 + "</b> másodperc múlva bezáródik.");

timeToClose -= 1000; // csökkentjük a hátralévő időt kb. 1 másodperccel (az azt tároló változót pontosan annyival).

if(timeToClose < 0 ) showMyPage(); // ha lejárt az idő, meghívjuk azt a függvényt, amit a "gombra" kattintással is meghívnánk.

}

function reload(){location.reload();} // ez a funkció újratölti a lapot (a lentebbi nyomógomb hívja meg)

</script>

</head>

<h1> Ez a lap kedzetben elrejtett tartalma... </h1>

<div id="myDiv1" >Ez a benne lévő szöveg, meg egy nyomógomb: </div>

<button onclick="reload()"> újratöltés </button>

<!--

ez lesz az "előlap ( ebben minden elemet a "pre" class-szal jelöltem)

-->

</div>

</body>

</html>

2014. febr. 7. 02:26

Hasznos számodra ez a válasz?

Kapcsolódó kérdések:

Valaki írna egy jelszó tároló kódot? (Bővebben lent)

Valaki írna egy ilyen kódot?

Joomla? Google Analytics által kaptam egy kódot, amit bekellene illeszteni a forráskódba. De sajnos joomlában nem találom hol van. Tudnátok segíteni?

Egy php kódot, login?

Hogy kell saját captcha kódot készíteni?

ASP. NET-ben miért van az, hogy beírom egy site címét a webclient. Downloadstring () metódusba, és nem azt adja vissza amit akkor, ha böngészővel rámegyek, hanem...

Számítástechnika főkategória kérdései »

Számítástechnika - Weblapkészítés kategória kérdései »

A weboldalon megjelenő anyagok nem minősülnek szerkesztői tartalomnak, előzetes ellenőrzésen nem esnek át, az üzemeltető véleményét nem tükrözik.
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!