Hirdetés
Új hozzászólás Aktív témák
-
#57018880
törölt tag
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 ]
-
#57018880
törölt tag
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> -
#57018880
törölt tag
válasz hiperFizikus #16213 üzenetére
Lehet, hogy nem egyre gondolunk. Ilyenre szeretnéd?
-
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!
-
#57018880
törölt tag
válasz hiperFizikus #16218 üzenetére
Bevallom IE-n nem néztem, - nem is nagyon szoktam csak ha explicit kérik .
-
#57018880
törölt tag
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.
-
#57018880
törölt tag
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.
-
#57018880
törölt tag
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); -
#57018880
törölt tag
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 ]
-
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> -
#57018880
törölt tag
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 .
-
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
- A BMW egy humanoid robotot tesztel
- Intel Core i5 / i7 / i9 "Alder Lake-Raptor Lake/Refresh" (LGA1700)
- Samsung Galaxy A54 - türelemjáték
- Samsung Galaxy S23 és S23+ - ami belül van, az számít igazán
- Asszociációs játék. :)
- PlayStation 5
- Kés topik
- Rise of the Ronin (PS5)
- AMD K6-III, és minden ami RETRO - Oldschool tuning
- Magisk
- További aktív témák...
Állásajánlatok
Cég: Ozeki Kft
Város: Debrecen
Cég: Ozeki Kft
Város: Debrecen