Új hozzászólás Aktív témák
-
Gave
addikt
válasz hiperFizikus #16182 üzenetére
Az elsőre az a megoldás, hogy display: block, helyett vagy inline-block vagy inline szabályt kapjon.
A második, általában egyszerűbb, hogy ha a képeket felveszed CSS classként.
pl:
li.keppel {
padding-left: 1em;
background: url('../01/LK2.bmp') 0 0 no-repeat;
}
//javascriptel pedig csak a CSS class-t adod veszed róla eseményre.
elem.classList.add("keppel");
elem.classList.remove("keppel");Ideális esetben nem az elemekre kerülne az esemény figyelő, hanem valahol body alján külön egy script tagbe.
addEventListener hívásokkal.[ Szerkesztve ]
Here? For folks like us? Wrong city.., wrong people
-
Gave
addikt
válasz hiperFizikus #16191 üzenetére
A) csak képpel.
ul.inicialeval {
list-style: disc inside url("https://prohardver.hu/dl/s/d1.gif");
}B) keverék.
ul.inicialeval li {
padding-left: 2em;
list-style-position: inside;
background: url('https://prohardver.hu/dl/s/d1.gif') 0 0 no-repeat;
}C) csak, hogy legyen miből válogatni
ul.inicialeval {
list-style: none;
}
ul.inicialeval li {
background: url('https://prohardver.hu/dl/s/d1.gif') 0 25% no-repeat;
padding-left: 1em;
}
ul.inicialeval li:before {
content: '• ';
font-size: 125%;
vertical-align: middle;
}Teszt
<ul class="inicialeval">
<li>dolgok</li>
<li>mas dolgok</li>
<li>masabb dolgok</li>
</ul>Here? For folks like us? Wrong city.., wrong people
-
Gave
addikt
válasz hiperFizikus #16213 üzenetére
Lehet, hogy nem egyre gondolunk. Ilyenre szeretnéd?
Here? For folks like us? Wrong city.., wrong people
-
hiperFizikus
aktív tag
válasz hiperFizikus #16217 üzenetére
Hóha !
A fene egye meg a Mikrosoftot: Az Expoler böngészőben nem nyit-csuk, de a Google Chrome -ban igen nyit-csuk. Csak úgy volt egy furcsa érzésem, és gondoltam, hogy már meg kellene nézni a Google Chrome-men is; és ott megy ![ Szerkesztve ]
A gázt is és a féket is egyszerre nyomni nem menő dolog !
-
martonx
veterán
válasz hiperFizikus #16218 üzenetére
Az Internet Explorer egy ősi böngésző, MS már nem is fejleszti, nem ő tehet róla, hogy még azt használod.
Én kérek elnézést!
-
Gave
addikt
válasz hiperFizikus #16218 üzenetére
Bevallom IE-n nem néztem, - nem is nagyon szoktam csak ha explicit kérik .
Here? For folks like us? Wrong city.., wrong people
-
Gave
addikt
válasz hiperFizikus #16246 üzenetére
Ehhez amit szeretnél elvileg elég 1db iframe. Gyorsan az alábbit dobtam össze, a könyvtárat, és HTML fájlokat tedd hozzá.
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title></title>
<style>
html,body {
margin: 0;
padding: 0;
height: 100%;
}
.col {
display: inline-block;
vertical-align: top;
box-sizing: border-box;
margin-left: -.25em;
padding: 1.5em;
}
#oldal {
position: relative;
padding-left: 30%;
}
#tartalomjegyzek {
width: 30%;
background: #eee;
border-right: 1px solid #ddd;
position: fixed;
bottom: 0;
left: 0;
top: 0;
overflow-y: auto;
min-width: 10em;
z-index: 999;
}
#fokusz {
position: relative;
height: 0;
overflow: hidden;
padding: 0 0 100%;
}
#oldaltartalom {
width: 100%;
}
iframe[name="f1"] {
border: 0;
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
}
@media screen and (max-width: 1280px){
#tartalomjegyzek {
width: 25%;
}
}
@media screen and (max-width: 640px){
#tartalomjegyzek {
width: 33%;
}
}
</style>
</head>
<body>
<div id="oldal">
<div id="tartalomjegyzek" class="col">
<h3>Tartalomjegyzék</h3>
<ul>
<li><a href="konyvtar/oldal1.html" target="f1">1. oldal</a></li>
<li><a href="konyvtar/oldal2.html" target="f1">2. oldal</a></li>
<li><a href="konyvtar/oldal3.html" target="f1">3. oldal</a></li>
</ul>
</div>
<div id="oldaltartalom" class="col">
<header>
<h1>Oldal Címe</h1>
<h2>Alcíme...</h2>
</header>
<div id="fokusz">
<iframe name="f1" src="konyvtar/kezdooldal.html">
<!--DNT-->
Ha ezt látja, az ön kliense nem támogatja az iframe elemeket.
</iframe>
</div>
</div>
</div>
</body>
</html>Egyébként így szerkeszteni egy oldalt hamar unalmassá fog válni szerintem, így talán neked is egy tartalom kezelőben kellene gondolkodni.
inline frame egyik problémája sajnos, hogy alapvetően nem kapta meg a funkciót, hogy a tartalma alapján layouthoz tudjon igazodni magasságban, ezt egy kis scripteléssel lehet leginkább korrigálni, a CSS ami itt van messze nem tökéletes...csak szemléltetésnek írtam hozzá.
Ideális esetben egy szerver oldali sablon generátorral tudnál gyorsan statikus oldalakat kiállítani. A frameset és frame megoldás elavult.
Here? For folks like us? Wrong city.., wrong people
-
Gave
addikt
válasz hiperFizikus #16266 üzenetére
Amint kijavítod a HTML-t (frameset és framek a body-n belülre), onnantól kezdve egy elterjedtebb mai böngésző sem jeleníti meg a kereteket. A <noframes> tag kerül értelmezésre. Innentől kezdve pedig scriptelni sem érdemes. Lehetne folytatni egy malformed dokumentum fával, de erősen szabotálna minden scriptelési kísérletet.
Meg lehetne írni a funkciót amit kértél, de ahhoz egy valid HTML szerkezet kell, ami keretekkel pedig nem jelenik meg modern böngészőkben. Paradox helyzet.
Rengeteg jobb eszköz van, ha pedig azok valamiért nem tetszenek, még mindig ott az iframe, habár szerintem az is önkínzás csak.
Here? For folks like us? Wrong city.., wrong people
-
Gave
addikt
válasz hiperFizikus #16273 üzenetére
Alapvetően tényleg kicsit furcsa, hogy kivették a frame támogatást. Mert nagyjából ugyanazok az előnyei-hátrányai mint sok egyéb XHR alapú megoldásnak. Pl: print, bookmark, SEO stb.. egyik sem leküzdhetetlen.
Nekem személy szerint nem hiányzik, mert egyébként is szerver oldalon szeretem összeilleszteni az oldalakat.
megadni ugyanazt, amit az <A href="..." target="..."> html tag csinál
Hát már nem biztos, hogy értem, hogy mit miért szeretnél, de..az alábbi kb ezt teszi, annyi extrával, hogy lehet váratni. 1 soros akkor lesz, ha kiveszem a tabokat és az újsor karikatfunction pseudoClick(url,target,wait){
var wait = wait || 0;
var link = document.createElement('a');
link.href=url;
link.target=target;
setTimeout(()=>{
link.click();
},wait)
console.log('katt!');
}
//hivás
pseudoClick('https://prohardver.hu','_blank',1e4/4);Here? For folks like us? Wrong city.., wrong people
-
Gave
addikt
válasz hiperFizikus #16276 üzenetére
Tényleg lemaradt egy ';'. De nem ezen bukik el, hanem, hogy az url param amit adsz neki nem jó.
"próba10; pseudoClick 01;/szép 01.html" -- ez nem tudom mi akar lenni, de ennek a helyére egy helyes és létező URL kellene ( ami egyébként az a[href] értéke lenne).
function pseudoClick(url,target,wait){
var wait = wait || 0;
var link = document.createElement('a');
link.href=url;
link.target=target;
setTimeout(()=>{
link.click();
},wait); // ;
//console.log('katt!');
}[ Szerkesztve ]
Here? For folks like us? Wrong city.., wrong people
-
SunyaMacs
aktív tag
válasz hiperFizikus #16290 üzenetére
az ol, ul helyes használata:
<ol><!--ul-->
<li>elem</li>
<li>elem</li>
</ol> -
Gave
addikt
válasz hiperFizikus #16290 üzenetére
Az ol alap böngésző stíluslapja miatt van hely, margin-top. Amúgy szerintem ha rendeltetés szerűen használod és az előtte lévő elemeket is lista elemként veszed fel, azzal segítenél leginkább magadon .
Here? For folks like us? Wrong city.., wrong people
-
martonx
veterán
-
martonx
veterán
válasz hiperFizikus #17343 üzenetére
Jsfiddle légyszi, pláne hogy amit írsz az nem lehet, az event mindig elsül.
Én kérek elnézést!
-
martonx
veterán
válasz hiperFizikus #17345 üzenetére
Miért a kattintás a lényeg, nem pedig a választás?
Én kérek elnézést!
-
martonx
veterán
válasz hiperFizikus #17347 üzenetére
Nem értem a problémát. Légyszi jsfiddle-re tedd fel.
Én kérek elnézést!
-
Bzozoo
tag
válasz hiperFizikus #18209 üzenetére
Hobby oldalak, nonprofit oldalak természetesen nem ide tartoznak.
Új hozzászólás Aktív témák
- Galaxy Buds FE - Grafitszürke
- Lenovo ThinkBook 15 G2 ITL, 15,6" FHD IPS Kijelző, i7-1165G7 CPU, 16GB DDR4, 512GB SSD, WIN 11/10, S
- HP Zbook 15 G3, 15,6" FHD IPS Kijelző, I7-6820HQ CPU, 32GB DDR3, 512GB SSD, NVIDIA 4GB VGA WIN 10, S
- Dell Latitude 5480, 14" HD Kijelző, i5-6300U CPU, 8GB DDR4, 256GB SSD, W10, Számla, Garancia
- Dell Latitude 5480, 14" HD Kijelző, i5-6440HQ CPU, 8GB DDR4, 256GB SSD, W10, Számla, Garancia
Állásajánlatok
Cég: Ozeki Kft.
Város: Debrecen
Cég: Ozeki Kft.
Város: Debrecen