- Yettel topik
- A Nubia kameratelefon is tiszta dizájnt társít csúcssebességgel
- Mobil flották
- Honor 200 Pro - mobilportré
- Milyen okostelefont vegyek?
- Samsung Galaxy S24 Ultra - ha működik, ne változtass!
- Android alkalmazások - szoftver kibeszélő topik
- Samsung Galaxy Fit 3 - keveset, de jól
- iPhone topik
- Érkezik a Samsung Health előfizetés?
-
Mobilarena
JavaScript != Java (A JavaScript nem összekeverendő a Javával, két különböző programozási nyelvről van szó!)
Új hozzászólás Aktív témák
-
zhagyma
őstag
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 ...
-
zhagyma
őstag
válasz
acidrush
#1559
üzenetére
" ... 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.
-
zhagyma
őstag
válasz
_Petya_
#1347
üzenetére
Egy lehetséges megoldás: A HTML4 szabvány szerint az "input text" mezőnek van onChange eseménye, amely akkor hívódik meg, ha az elem elveszítette a fókuszt, vagy ha megváltozott a mező tartalma. Ennek előfeltétele, hogy a fókusz éppen rajta legyen.
Szóval, minden egyes karakter begépeléskor meghívódik az onChange eseményhez rendelt eseménykezelő függvény, amelyben a betűcsere is végrehajtható.
-
zhagyma
őstag
válasz
cellpeti
#1333
üzenetére
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.
-
zhagyma
őstag
Ok. PHP esetén az első lekérés során letöltődik a teljes kezdőlap scriptestől. Az "ajax"-os menüben kattintva kérsz a PHP-tól egy HTML kódtöredéket (táblázat). Amikor megkapod beilleszted a javascript segítségével az oldal megfelelő helyére a kapott stringet (node.innerHTML = string) és meghívod start() függvényt. Dióhéjban ennyi lenne a részletek nélkül.
-
zhagyma
őstag
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.
-
zhagyma
őstag
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.
-
zhagyma
őstag
Pedig kéne, bár IE8RC1-t tesztelek. W3C xhtml1.0 esetén a szabályos fejléc:
<?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" />
</head>
<body />
</html>Az xhtml1.0 dokumentumnek, be kell tartani az xml szabályokat, különben az IE átkapcsol kompatibilis módba és olyan lesz mint az IE6 (IEdeveloper megmondja milyen módban van).Ha igy sem megy végezz egy W3C xhtml validációt. Végszükségben, használd az alábbi függvényt, ami biztosítja a kompabilítást visszafelé:
function id( document, id ) {
return ( document.getElementById ? document.getElementById(id) : false ) ||
( document.nodeFromID ? document.nodeFromID(id) : false );
}, -
zhagyma
őstag
Értem. A szerver oldalon, gondolom a mysql-ből származó adatokkal egy stringbe bekerül a html oldal forráskódja. Minden egyes html elemhez a W3C HTML szabvány definiál előre meghatározott eseményeket. Ezen eseményekhez eseménykezelő rendelhető a HTML forráskódban a php stringbe beírva:.
var $str = "<input type=\"text\" onclick=\"function() { ... javascript utasítások ... }\"";
egy eseménykezelő függvénynél megírásánál érdemes tudni:
function( event ) {
// Az event object átadásra kerül az event kezelő függvénynek, kivéve IE.
// IE esetén window.event az event.
if (!event) { var event = window.event };
// this változó a html elemre mutat, vagy meghatározható így is
var node = ( event ? (event.target || event.srcElement) : undefined );
... // A kódod
}; -
#1314
zhagyma
őstag
Fire/SOUL/CD
#1312
zhagyma
őstag
válasz
Fire/SOUL/CD
#1312
üzenetére
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. -
#1311
zhagyma
őstag
Fire/SOUL/CD
#1310
zhagyma
őstag
válasz
Fire/SOUL/CD
#1310
üzenetére
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.
-
#1309
zhagyma
őstag
Fire/SOUL/CD
#1308
zhagyma
őstag
válasz
Fire/SOUL/CD
#1308
üzenetére
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).
-
zhagyma
őstag
Ú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 ...
-
zhagyma
őstag
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?
-
zhagyma
őstag
válasz
emitter
#1297
üzenetére
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).
-
-
zhagyma
őstag
válasz
emitter
#1290
üzenetére
Megy ez szépen. A setAttribute megy IE alatt csak a "class" attributum beállítását kell végezni element.className = "valami". Az esemény esetén valóban nem megy IE alatt, ahogy emlékszem. Erre vannak a DOM eseménykezelő függvényei.
ID magyarázat:
<p ID="kakukk">Na mi lesz?</p> // itt az ID a HTML-ben.
// Emitt az id egy "pointer" a DOM (Document Object Model) fastruktúrában
// és az alábbi függvényekkel tudod meg. Minden DOM függvény
// ezen id-t várja paraméterként,ezért fontos.id = window.document.getElementById( "kakukk" ) // IE7,IE8
id = window.document.nodeFromID ( "kakukk" ) // IE6 -
zhagyma
őstag
válasz
emitter
#1287
üzenetére
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.
-
zhagyma
őstag
válasz
emitter
#1287
üzenetére
Na ezt kiprobáltam:
function addImage() {
element = window.document.createElement('input');element.setAttribute('type', 'button');
element.setAttribute('value', 'click1');
window.document.body.appendChild(element);
element.onclick = function(){addImage()};
window.alert("lefutott");
};Rekurzívan hívod az addImage() függvényt az onclick eseményben.
-
zhagyma
őstag
válasz
emitter
#1282
üzenetére
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. -
zhagyma
őstag
válasz
emitter
#1278
üzenetére
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.
Új hozzászólás Aktív témák
Hirdetés
- Rábólintott az EU, eltakarítja az illegális termékeket az AliExpress
- Motoros topic
- exHWSW - Értünk mindenhez IS
- Hálózati / IP kamera
- Magyar az űrben
- Radeon RX 9060 XT: Ezt aztán jól meghúzták
- Kerékpárosok, bringások ide!
- Yettel topik
- Külföldi munkavállalás
- Örülhetnek a tankok szerelmesei, jön a Spearhead 2
- További aktív témák...
- Gamer szék noblechairs LEGEND TX Szövet Antracit
- VÉGKIÁRUSÍTÁS - REFURBISHED - Lenovo ThinkPad 40AC Thunderbolt 3 docking station
- Bomba ár! Lenovo X1 Carbon G6: i7-8G I 16GB I 256-512 SSD I 14" FHD I HDMI I Cam I W11 I Gari!
- Országosan a legjobb BANKMENTES részletfizetési konstrukció! Lenovo ThinkPad X13 Gen 5
- 100 - Lenovo Yoga Pro 9 (16IRP8) - Intel Core i9-13905H, RTX 4070 (ELKELT)
Állásajánlatok
Cég: Promenade Publishing House Kft.
Város: Budapest
Cég: CAMERA-PRO Hungary Kft
Város: Budapest