- btz: Internet fejlesztés országosan!
- D1Rect: Nagy "hülyétkapokazapróktól" topik
- Archttila: SMART tesztelés automatizálva: smartctl poller script Zsh-ban, RPi-re
- Luck Dragon: Asszociációs játék. :)
- sziku69: Fűzzük össze a szavakat :)
- gban: Ingyen kellene, de tegnapra
- Parci: Milyen mosógépet vegyek?
- bacsis: Gyere el a 11. BRSZK-ra!
- Luck Dragon: Alza kuponok – aktuális kedvezmények, tippek és tapasztalatok (külön igényre)
- MasterDeeJay: Low budget (50.000 forint) light gémer gép összerakása
-
LOGOUT
LOGOUT
Új hozzászólás Aktív témák
-
Nekem úgy tűnt a teljesen php által generált html kódról írtál. Én egy html file-ba beszúrt php kódrészletről beszéltem. Gondoltam a kollégának így szemléletsebb lehet, mivel egy index.html file-ba együtt látja a javascipt- és php kódokat ... A végeredmény ugyanaz.
Bocs, ha félreértettelek ...
en csak annyit irtam hogy a php mar eloallitja neki a html kodot nincs szukseg a javascripttel torteno filebol kiolvasasra (tobbek kozott azert sem, mert erre keves lehetoseg van
) sem azt nem mondtam, hogy az egesz oldal php, sem az ellenkezojet. Mivel a kerdes szempontjabol lenyegtelen -
" ... A php mar eloallit neked egy html kodot amit megjelenit a bongeszo. ..."
Vagy a html kódba beágyazod a php kérést, amit a "szerver" php értelmezője végrehajt. A php lefutásának eredménye pedig "beágyazásra" kerül a html kódba pont a hívás helyén. Mindez a html lekérése és kiküldése között hajtódik végre. Akár a javascript kód statikus paramétereit is átírhatod ezen a módon.
nem ugyan ezt mondtam en is?
-
Amennyiben ezt megkérdezed, akkor a javascriptet itt is lehetne kezdeni: [JavaScript 1.3].
Természetesen raczger válaszával egyet értve, böngészőn kívűl is futtatható javascript. Ebben az esetben viszont nem használhatod a böngészők által nyújtott host objektumokat, stb.
Nem jó a link!!
Esetleg valami pdf fromatáumú könyvet nem tudsz ami letölthető lenne?
-
A tablecloth.js-ben van egy start() függvény, amely a lefutásakor a html oldalon található mindel egyes class="table1"-es table-hoz hozzárendel mouse eseményeket, stb. Ez csak akkor fut le, amikor a page betöltődik. Ha ezután "illesztesz" be új táblákat az oldalra újratöltődés nélkül a "menükattintás" következtében, akkor újra le kell futtani a Start() függvényt.
Ui.: Akkor letörlöm a mintát.
Utolsó kérdésem: Létezik erre valami globális megoldás, ami kiküszöböli azt, hogy minden egyes aloldalon, ahol alkalmazni akarom a tablecloth-ot le kelljen futtatnom a függvényt?
Valamint ha nem, akkor hogyan tudom én ezt mindig lefuttatni anélkül, hogy minden egyes oldalra újra be kelljen szúrnom az egész szkriptet?
Tudom, hogy nagyon alap kérdések, de semmi ismeretem nincs Javascript terén és hiába vagyok én jó egyéb dolgokban, ez teljesen kínai egyenlőre.
U.i.: Köszönöm a mintát (törölheted), valamint az eddigi segítséged és magyarázataid is, értem a problémát és a megoldást is, csak kivitelezni nem tudom.
-
Szia!
Kiprobáltam, igaz csak gyorsban és nem tökéletes, de mindket script reagált a click eseményre. Kiindulasnak szerintem jó lesz. Ez volt a html:
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="hu" xml:lang="hu">
<head>
<title>index</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="hu" />
<!-- stylesheet -->
<link rel="stylesheet" href="stylesheet/tablecloth.css" type="text/css" media="screen" />
<!-- JSL -->
<script src="javascript/accordian_pack.js" type="text/javascript"></script>
<script src="javascript/tablecloth.js" type="text/javascript"></script>
</head>
<body>
<div id="basic-accordian">basic</div>
<div id="test-header">header</div>
<div id="test-content">
<div class="accordion_child">
Valami szoveg
</div>
</div>
<table class="table1" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
<th>Title</th>
<th>Title</th>
<th>Title</th>
</tr>
<tr>
<th>Title</th>
<td>Data</td>
<td>Data</td>
<td>Data</td>
</tr>
<tr>
<th>Title</th>
<td>Data</td>
<td>Data</td>
<td>Data</td>
</tr>
<tr>
<th>Title</th>
<td>Data</td>
<td>Data</td>
<td>Data</td>
</tr>
</table>
</body>
</html>A tablecloth.js-be pedig ez került. Kiváltottam függvényhívással az eseménykezelő hozzárendelést.
/* script initiates on page load. */
//window.onload = tablecloth;
window.onload = function() {
new Accordian('basic-accordian',5,'header_highlight');
tablecloth();
};Eddig ezeket a scipteket nem ismertem. Kicsit bele kellett kukkolnom.
Köszönöm a fáradozásaidat, ez már valóban jobb, annyiból legalábbis biztosan, hogy a "body onload" részt teljesen száműztem és a tablecloth.js általad írt utolsó pár sora végzi el ezt a feladatot (sikeresen.)
Az ajax menü szépen működik és ha a főoldalon levő táblázatnak "table1" class-t adok, akkor a tablecloth is végzi a dolgát szépen, de... az a baj, hogy nekem nem a főoldalon vannak a táblázataim és ha a menüpontokra kattintgatok ott már megáll a script tudománya, ugyanis az almenükön belül hiába "table1" class-al rendelkeznek a táblázatok, mégsem reagálnak semmire.
Ennek a gondja sajnos valószínűleg a PHP kód azon része lesz, ami az oldalak betöltéséért felelős:
<?php
$page=$_GET[page];
if(!isset($page)){
include "kezdolap.php";
}else{
$vanea=is_file($page.'.php');
if(empty($vanea)){
$vanea="0";
}
if($vanea==1){
include "$page.php";
}else{
include "nincs.php";
}
}
?>Viszont valószínűleg így nem is lehet megoldani a dolgot
Csak úgy tudtam eddig is működésre bírni mindkettőt, ha az aloldalakon belül is létrehoztam egy <head> részt és mindegyikben külön betöltöttem a tablecloth.js scriptet, de ez így nem éppen szabványkövető megoldás és a W3C Validation is kifogásolja. 
Ha esetleg van valami ötleted szívesen fogadom, de ha ez így nem megoldható, akkor kénytelen leszek beletörődni és csak az egyiket használni, még ha jól is néztek ki együtt.
-
Szia!
Kiprobáltam, igaz csak gyorsban és nem tökéletes, de mindket script reagált a click eseményre. Kiindulasnak szerintem jó lesz. Ez volt a html:
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="hu" xml:lang="hu">
<head>
<title>index</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="hu" />
<!-- stylesheet -->
<link rel="stylesheet" href="stylesheet/tablecloth.css" type="text/css" media="screen" />
<!-- JSL -->
<script src="javascript/accordian_pack.js" type="text/javascript"></script>
<script src="javascript/tablecloth.js" type="text/javascript"></script>
</head>
<body>
<div id="basic-accordian">basic</div>
<div id="test-header">header</div>
<div id="test-content">
<div class="accordion_child">
Valami szoveg
</div>
</div>
<table class="table1" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
<th>Title</th>
<th>Title</th>
<th>Title</th>
</tr>
<tr>
<th>Title</th>
<td>Data</td>
<td>Data</td>
<td>Data</td>
</tr>
<tr>
<th>Title</th>
<td>Data</td>
<td>Data</td>
<td>Data</td>
</tr>
<tr>
<th>Title</th>
<td>Data</td>
<td>Data</td>
<td>Data</td>
</tr>
</table>
</body>
</html>A tablecloth.js-be pedig ez került. Kiváltottam függvényhívással az eseménykezelő hozzárendelést.
/* script initiates on page load. */
//window.onload = tablecloth;
window.onload = function() {
new Accordian('basic-accordian',5,'header_highlight');
tablecloth();
};Eddig ezeket a scipteket nem ismertem. Kicsit bele kellett kukkolnom.
-
Úgy van, ahogy írták, de helyetted nem írom meg. Mindkét javascipt kódot tedd ...js file-ba. Add meg a <HEAD> részbe. Az utolsó javascipt file végére írd be:
function add( node, name, handler) {
if (node.addEventListener) {
node.addEventListener( name, handler, false );
} else {
node.attachEvent( 'on' + name, handler );
};
};
add( window.document.body, 'load', masik_function );
add( window.document.body, 'load', tablecloth );mod: vagy window.document.body, vagy window. Régen használtam ...
Sajnos nem sikerült megoldanom a problémát
Mindent úgy tettem, ahogy írtad, a 2 kódot js fájlba tettem, ellenőriztem, mindkettő működik külön külön.
Alapértelmezetten egyiket a következő paranccsal kell meghívni:
<script type="text/javascript" src="accordian.pack.js"></script>
Majd:
<body onLoad="new Accordian('basic-accordian',5,'header_highlight')">
Ezzel működik is tökéletesen (ez egy Ajax menü szkript)
A másikat pedig egy sima
<script type="text/javascript" src="tablecloth/tablecloth.js"></script>
paranccsal, így a megadott ID-re alapértelmezetten aktívvá válik. Viszont a kettőt együtt sehogyan nem tudom életre kelteni. Beillesztettem a tablecloth.js fájl végére az általad írt sort, kicseréltem a masik_function-t a "new Accordian('basic-accordian',5,'header_highlight')" -al, de így sem működik. Csak az egyik vagy csak a másik...
Lehet valami triviális apróságot bénázok el, de már órák óta próbálkozom és egyszerűen kikészít, hogy nem tudom megoldani ezt a problémát
-
IE6 és az alatti verziószám alatt a Microsoft esetén: document.nodFromID( id ).
IE7/IE8 szabványos mód (w3c DOCTYPE kitöltve) document.getElementById( id )ez a doctype:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">s ie7 alatt nem megy
-
Fire/SOUL/CD
félisten
Szia!
Jobb összzefoglaló művet nem ismerek. Hamar felhagytam velük, de az Apress sok kiadványt adott ki a Javascript, az Ajax, a webfejlesztés témakörében, ahol a kialakított kliens oldali javascript technikák részletesen tárgyalásra kerülnek némi szerver oldali körítéssel (Professional sorozat). Mivel minden szabvány és gyártói megoldás nyitott és jól specifikált (na jó nem mind), ezért az alábbiak tanulmányozása javasolt:
Az összes létező javascript függvény: [ECMA 262 version 3]. és a kapcsolódó [ECMA 357] E4X az XML kiterjesztés, mely utóbbi csak részlegesen támogatott a böngészők által.
A javascript "beágyazott" nyelv. Minden megvalósítás egy host környezetből indul és onnan örököl objektumokat, s így azok a javascriptből elérhetők. A nagy böngésző gyártók fejlesztői információi igen hasznosak ez ügyben (gyártói developer oldalak). A Firefox 3.1, IE8RCx, Safari3.x, Google Crome 1.x, Oprea9.6 szinte hibátlanul implementálják a W3C DOM1 / DOM2 / DOM3 szabvány általánosan használatos részeit (ezen keresztül lehet hozzáférni az aktuális html / xml dokumentum elemeihez). Így a böngészők közötti eltérések egyre kisebbek, azaz nyugodtan alkalmazhatók a. [W3C DOM szabványok]. Az Opera9.6 alap javascript megvalósítása "kicsit" hibás, de kivételkezeléssel áthidalható.
A javascript technikák legjobban az Open Source Javascript keretrendszerek forráskódjának tanulmányozásával ismerhetők meg. Az itt megjelenet "újdonságok" kerülnek kielemzésre néhány év múlva a szakkönyvekben:
[YAHOO], [Prototype], [ExtJS] és van még egy rakat a teljesség igénye nélkül. Szerintem egy gyöngyszem ezek közül a [qooxdoo], mint OOP megvalósítás.Hali!
Köszönöm a kimerítő leírást!
Megnézegettem a linkeket, lesz mit olvasni bőven...
Fire.
-
Feltételezem, hogy hibakeresést folytatsz. Amenyiben nem az alapoktól írtad a javascript kódot, hanem valamilyen kererendszert használsz, jó lenne tudni melyiket? Úgy általában:
1. Ajax (XMLHttpRequest = XHR) eredmény, akkor jó szinkron és asszinkron esetben is, ha:
if ((XHR.readyState == 4) && (XHR.status == 200)) {
window.alert( XHR.requestText ); // sima szoveg
window.alert( XHR.requestXML ); // XML DOM, amennyiben xml file-t küld a server
};2. Ha nincs serveroldal megvalósítás, akkor is használhatod asszinkron esetben:
XHR.onreadystatechange = function() {
... // alapállapot a div-be, vagy amit szeretnél.
};
... Lehet valahogy nem esemény alapon javascript függvényt meghívni? ...Lehet eseményből és sima függvényhívással is meghívni javascript függvényt. Itt nem tudom, pontosan mire gondolsz?
-
Úgy van, ahogy írták, de helyetted nem írom meg. Mindkét javascipt kódot tedd ...js file-ba. Add meg a <HEAD> részbe. Az utolsó javascipt file végére írd be:
function add( node, name, handler) {
if (node.addEventListener) {
node.addEventListener( name, handler, false );
} else {
node.attachEvent( 'on' + name, handler );
};
};
add( window.document.body, 'load', masik_function );
add( window.document.body, 'load', tablecloth );mod: vagy window.document.body, vagy window. Régen használtam ...
Köszönöm, megpróbálkozom vele, valószínű menni fog, ha esetleg mégsem akkor még úgyis jelentkezem
-
Fire/SOUL/CD
félisten
Nem rossz könyv első nekifutásra. Valóban nem feleslegesen van ott az a sor.
Készíthető "saját" DOM elem (node) a DOM beépített createElement függvényével.
Egy DOM elemnek lehet "bármilyen" nevű (UTF-16 / UNICODE) attributuma (vannak lefoglalt attributum nevek HTML estén, de XML-ben ez a korlát megszűnik).
Ha érdekel a szabvány [itt] megtalálhatod a különböző verziókat. A "Core"-al célszerű kezdeni.
Ui.: Nem butaság kérdezni. Tanulni meg előny. A programozói lét úgyis a holtig való tanulásról szól.
Hali!
Akkor mégsem kérdeztem hüleséget...
, kösz a választ!
Írtad, hogy "Nem rossz könyv első nekifutásra", gondolom akkor van jobb is...
Esetleg tudnál javasolni, nagyon jó könyvet JS témakörben, amiben tényleg minden de minden benne van?(az összes létező JS függvény, ezek részletes leírása, közép és felsőfokú JS programozás-technikák, stb)Fire.
UI: nem gond ha angol, sőt az lenne a jobb...
-
Fire/SOUL/CD
félisten
Az elemzés amit kértél - figyelembe véve - hogy a TABLE DOM objektumnak nincs hm.state attributuma:
var state = obj.getAttribute( 'hm.state' )
A getAttribute függvény mindig String típussal tér vissza. Ha nem létezik a node-nak attributuma, vagy annak nincs értéke, akkor a getAttribute fuggvény a state = "" (empty string) értékkel tér vissza a W3C DOM szabvány szerint.
if (state == null) { state = "0" };
A state (String type) értéke összehasonlításra ( == ) kerül a null (Null type) értékkel. Ez az összehasonlítás egy esetben ad true értéket az ECMA 262.3 szabvány szerint, ha a state = "" (empty string).
Hali!
Köszönöm a tökéletes elemzést!
(az IF-el nem kellett volna bajlódnod.. )Ehhez kapcsolódva;
Mint ahogy írtam, ez egy működő JS-kód részlete, tehát biztos nem feleslegesen van bent az a sor...
Ezek szerint van olyan objectum, aminek van ilyen attributuma?
Esetleg saját "készítésű" objectum, saját "készítésű" attributummal?Nézd el ha butaságokat kérdezek, de számomra még új a javascript...
Az eredeti végzettségem rendszerprogramozó, úgy hogy elég gyorsan sajátítok el más programozás-nyelveket, csak a JavaScript Bible 6th Edition könyvben, még nem jutottam el idáig...
Lehet, hogy pár nap múlva, magamtól is rájövök, hogy mekkora hüleséget kérdeztem..
Fire.
-
Szia! Én egy formba raknám egy submit gombbal. A beérkező regisztrációs kérelmeket (gondolom erről van szó) három csoportba sorolnám: Engedélyez, töröl, megtart (ha vizsgálni szeretnéd a delikvens jelentkezését). Ezeket rádió gombokkal valósítanám meg, mivel ezek közül csak egy lehet aktív. A form feldolgozása PHP oldalon megoldható (gondolom az lesz a szerver oldali megvalósítás).
-
xxxx.appenChild( element ) DOM függvénnyel rendelheted hozzá az létrehozott elemet a html dokumentum megfelelő részéhez. Amelyik HTML tag alá "fűzöd", annak ismerni kell a DOM-on belüli azonosítóját (ID). Ez nem azonos a HTML tagben megadott ID attributummal meghatározott értékkel, de ezzel nyerheted ki: a parent elem attributumának ID="kakukk" nevet adsz. Azutan a parent=window.document..getElementById( ''kakukk" ) visszanyered a DOM azonosítót, amelyhez rendelheted parent.appendChild( element )-el a létrehozott elemet.
-
Én úgy emlékszem a <span> tagnek nincs onclick eseménye, de lehet tévedek. Próbáld meg más taggel a kísérletezéshez. pl.:
<input type="button" onclick="javascript:addImage()" value="click" />
de működik span-nel is, mert az alert() "feldobja magát"
Egyébként erre gondoltál, tehát a szintaktika jó, amit írtam?szerk: hmm, most kipróbáltam egy teljesen üres html oldalon, és ott működik.. ez érdekes. Az hogyan tudom megadni, hogy hova (melyik elem után) illessze be az új elemet?
-
Az egy példasor eseménykezelő definiálására. Az element.onclick = function( event ) egy HTML elem onClick eseményéhez rendel egy eseménykezelő függvényt. Az event HTML elemre klikkléskor keletkezett esemény átvételét biztosító paraméter. Ha ezt a form submittel játszod el:
window.document.form[ 0 ].onsubmit = function() {
... mezők vizsgálata...
jó - return true; // POST / GET üzenet elmegy a szerver felé a mezők tartalmával
rossz - return false; // Nem küld semmit, újabb adatbekérés indítható.
};return true / false eset lehet, hogy fordítva van, ilyent régen használtam.
Igen a függvényedet meghívhatod például egy elem onclick eseményével és kapsz egy újabb input HTML tagot a képernyőn. -
Az egy példasor eseménykezelő definiálására. Az element.onclick = function( event ) egy HTML elem onClick eseményéhez rendel egy eseménykezelő függvényt. Az event HTML elemre klikkléskor keletkezett esemény átvételét biztosító paraméter. Ha ezt a form submittel játszod el:
window.document.form[ 0 ].onsubmit = function() {
... mezők vizsgálata...
jó - return true; // POST / GET üzenet elmegy a szerver felé a mezők tartalmával
rossz - return false; // Nem küld semmit, újabb adatbekérés indítható.
};return true / false eset lehet, hogy fordítva van, ilyent régen használtam.
Igen a függvényedet meghívhatod például egy elem onclick eseményével és kapsz egy újabb input HTML tagot a képernyőn. -
A document.write() függvény használata esetén "felülírod" az eredeti HTML documentumot és egy új keletkezik. Ezért az eredeti HTML oldal megtartása mellett a web browser-be beépített DOM (Documentum Object Model) használata javascriptből egy lehetséges módja a probléma megoldásának:
var element = window.document.createElement( ' input' );
element.setAttribute( type, 'button' );
element.onclick = function( event ) {
...
};parent.appendChild(element); // a parent lehet pl.: window.document.body
#1279 Submit gomb megnyomása után. Ha jó, akkor engedélyezed a formból az adatok webservernek küldést(POST HTTP message), ha nem újra bekéred a hibás adatokat.
-
A document.write() függvény használata esetén "felülírod" az eredeti HTML documentumot és egy új keletkezik. Ezért az eredeti HTML oldal megtartása mellett a web browser-be beépített DOM (Documentum Object Model) használata javascriptből egy lehetséges módja a probléma megoldásának:
var element = window.document.createElement( ' input' );
element.setAttribute( type, 'button' );
element.onclick = function( event ) {
...
};parent.appendChild(element); // a parent lehet pl.: window.document.body
#1279 Submit gomb megnyomása után. Ha jó, akkor engedélyezed a formból az adatok webservernek küldést(POST HTTP message), ha nem újra bekéred a hibás adatokat.
köszi, ezt nem tudtam
A form-ellenőrzésnek közben utánaolvastam pár helye, és azt írták, h böngésző és szerver-oldalon is ellenőrizzük, szerveren gondolom azért, mert hátha a JS nem működik a böngészőben.
) sem azt nem mondtam, hogy az egesz oldal php, sem az ellenkezojet. Mivel a kerdes szempontjabol lenyegtelen 
Csak úgy tudtam eddig is működésre bírni mindkettőt, ha az aloldalakon belül is létrehoztam egy <head> részt és mindegyikben külön betöltöttem a tablecloth.js scriptet, de ez így nem éppen szabványkövető megoldás és a W3C Validation is kifogásolja. 
, kösz a választ!
Új hozzászólás Aktív témák
- GARANCIÁLIS LEMEZES PLAYSTATION 5 SLIM CFI-2116
- NAGYKER ÁR!Sosemhasznált! HP OmniBook 5 Flip i5-1334U 8GB 512GB 14" FHD+ áthajtós-érintős Gar.: 1 év
- Macbook Pro 14" A2442 2021 M1 Pro 32/1TB Silver
- Dell Latitude 9420 i5-1145G7 14" FHD+ 16GB 512GB 1 év garancia
- Macbook Pro 14" A2442 2021 M1 MAX 32/512 Astro
- BESZÁMÍTÁS! Gigabyte B360M i5 8400 16GB DDR4 512GB SSD RTX 2070 8GB RAMPAGE Shiva Adata 600W
- Keresünk Galaxy S23/S23+/S23 Ultra/S23 FE
- AKCIÓ! Apple MacBook Pro 14 M4 Max 36GB RAM 1TB SSD macbook garanciával hibátlan működéssel
- Xiaomi 13T Pro 512GB, Kártyafüggetlen, 1 Év Garanciáv
- Eladó Nokia 5.4 4/64GB kék / 12 hónap jótállás
Állásajánlatok
Cég: Laptopműhely Bt.
Város: Budapest