-
Fototrend
Fototrend
Ú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 ...
-
Köszönöm a választ!
Ó ezt sajnálattal hallom.
Mindenkeppen kell valami szerver oldali cucc ami az adatbázisból kinyeri neked az infot.
Valami olyasmire gondolsz ami leszedi az adatbázisból (pl egy php oldal) és esetleg beírja azt egy fájlba mondjuk egy valami.txt-be? És esetleg ebből a fájlból már a JS ki tud venni adatokat? Vagy nagyon félresiklott ez a gondolatmenet?
-
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.
-
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.
-
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
-
van egy formom, amiben van pár mező aminek az id-jei ('lastname', 'firstname', 'username', 'email', 'passwd', 'passwd_re') ki vannak töltve, s van egy submit (id=send) mező, aminek szintén van id mezője. A script azt csinálja, ha nincsennek kitöltve az adott mezők, akkor a send -et disabledezi.
a kód ami FF alatt megy, de ie alatt nem:
function reg_enabled() {
button_dis = false;
var elemek = new Array('lastname', 'firstname', 'username', 'email', 'passwd', 'passwd_re');
for (var i = 0; i < elemek.length; i++) {
elem = document.getElementById(elemek[i]);
if (elem.value == '') {
button_dis = true;
}
}
if (button_dis) {
document.getElementById('send').disabled = true;
} else {
document.getElementById('send').disabled = false;
}
}miért nem megy ie alatt?
-
"... 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?"
Php oldal, mysql adatbázissal. Ha bizonyos adatok ilyenek/olyanok az adatbázisban, akkor nekem kell oda egy javascript a kliens gépére, ami lefut, különben nem.
-
zhagyma
őstag
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...
-
zhagyma
őstag
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.
-
zhagyma
őstag
Hali!
Valaki tudná értelmezni nekem ezt a JS sort?
(az objID az egy TABLE objektum ID-je)var obj = document.getElementById(objID);
var state = obj.getAttribute("hm.state");
if (state == null) { state = "0" };A programrészlet 2. sora érdekelne, mert a getAttribute az egy adott objektum általam kívánt attributumát adja vissza.
Viszont a TABLE objektumnak nincs STATE pláne nem HM.STATE attributuma...
Fire.
UI: a programrészlet egy kifogástalanul működő JS-ből van.
-
Sziasztok!
Van nekem egy javascriptem, amivel a honlapon szereplő táblázatokat lehet szebbé varázsolni. (Erről van szó: [link]) Működik tökéletesen, már kicsit meg is lett moddingolva, hogy ne minden táblázatra legyen hatással, hanem csak a megadott class-ra. Viszont van egy gondom vele. Az oldalon szerepel egyéb szkript is, méghozzá a body onload részben kerül betöltésre. A táblázatos szkript fórumát átböngészve akadtam rá, hogy ebben az esetben vagy az egyik nem fog működni vagy a másik és ez így is van, tehát kiütik egymást, ha az egyik megy, akkor a másik nem. (Attól függ hova helyezem el a szkript betöltését:
<script type="text/javascript" src="tablecloth/tablecloth.js"></script>
. Ha a <head> részbe akkor az oldalon szereplő eredeti szkript megy, ha a <body> részbe akkor a táblázatos működik, de az eredeti nem
Nekem viszont mindkettőre szükségem lenne.A fórumon ezt írták a problémára: "Use an addEvent function to add the onload event, the script will not work if someone put another onload attribute on body tag."
No igen, csak ehhez én már kevés vagyok. Aki tudna esetleg segíteni benne, hogy átszerkeszti nekem ezt a táblázatos szkriptet ilyen formában azt megköszönném.
Itt a forráskód: [link]
-
Egy legördülő listából kiválasztva egy eredményt, az onChange metódussal Ajaxszal frisstek egy div-et az oldalaom. Ez teljesen nagyszerű, de: alapból nem jön be semmi. Hogyan lehetne betenni valami alapállapotot neki? Lehet valahogy nem esemény alapon javascript függvényt meghívni? Érdekes módon body onload-dal se ment a dolog.
-
Van egy csomó regisztrációs kérelem, ezek egy oldalon vannak egymás alatt felsorolva. Mindegyikhez tartozik egy Engedélyez és egy Töröl gomb.
A kérdés csak az, hogy hogyan érdemes megoldani a küldést:- egy formban az egészet, és a gombok sima button-ok ilyenkor (mert gondolom egy formban csak egy submit lehet)
- mindegyik kérelem külön form, így egy formhoz 2 gomb tartozik (bár ez megint hasonló eset, mert itt is sima buttont kell berakni, nem?)
- vagy ne nyomógombokat használjak, hanem mondjuk radio-gombokat, és az egész oldal alján legyen egyetlen Submit gombot?
-
most megy, de csak ha setAttribute()-tal állítom be az onClick-et:
function addImage() {
var old_span = document.getElementById("addImage");
var pos_x = findPos(old_span)[0];
var pos_y = findPos(old_span)[1];
var new_input = document.createElement("input");
new_input.type = "file";
new_input.style.position = "absolute";
pos_y = pos_y + 30;
new_input.style.top = pos_y+"px";
new_input.style.left = pos_x+"px";
document.body.appendChild(new_input);
document.body.removeChild(old_span);
var new_span = document.createElement("span");
new_span.id = "addImage";
new_span.setAttribute("onClick", "addImage()");
new_span.style.position = "absolute";
pos_y = pos_y + 30;
new_span.style.top = pos_y+"px";
new_span.style.left = pos_x+"px";
new_span.innerHTML = "Újabb kép hozzáadása";
document.body.appendChild(new_span);
}Így:
new_span.onClick = function() { addImage(); };
és így:
new_span.onClick = "addImage()";
nem megy...
Ez azért érdekel, mert azt hallottam, hogy IE nem érti a setAttribute-t.. sajnos most nem tudom ellenőrizni, linuxom van csak
(itt van élőben)
szerk:
tudom, hogy szebb lenne poziciólekérdezés nélkül, relatív pozicionálással, de nem értettem igazán, amit a DOM-ról mondtál, mármint hogy a gyakorlatban hogy kell a parent alá node-olást megvalósítani. -
most megy, de csak ha setAttribute()-tal állítom be az onClick-et:
function addImage() {
var old_span = document.getElementById("addImage");
var pos_x = findPos(old_span)[0];
var pos_y = findPos(old_span)[1];
var new_input = document.createElement("input");
new_input.type = "file";
new_input.style.position = "absolute";
pos_y = pos_y + 30;
new_input.style.top = pos_y+"px";
new_input.style.left = pos_x+"px";
document.body.appendChild(new_input);
document.body.removeChild(old_span);
var new_span = document.createElement("span");
new_span.id = "addImage";
new_span.setAttribute("onClick", "addImage()");
new_span.style.position = "absolute";
pos_y = pos_y + 30;
new_span.style.top = pos_y+"px";
new_span.style.left = pos_x+"px";
new_span.innerHTML = "Újabb kép hozzáadása";
document.body.appendChild(new_span);
}Így:
new_span.onClick = function() { addImage(); };
és így:
new_span.onClick = "addImage()";
nem megy...
Ez azért érdekel, mert azt hallottam, hogy IE nem érti a setAttribute-t.. sajnos most nem tudom ellenőrizni, linuxom van csak
(itt van élőben)
szerk:
tudom, hogy szebb lenne poziciólekérdezés nélkül, relatív pozicionálással, de nem értettem igazán, amit a DOM-ról mondtál, mármint hogy a gyakorlatban hogy kell a parent alá node-olást megvalósítani. -
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?
-
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?
-
megértettem, de még mindig nem jó. Ezt csinálom:
<script type="text/javascript">
function addImage() {
var element = window.document.createElement('input');
element.setAttribute('type', 'text');
element.onClick = function(event) {
addImage();
};
window.document.body.appendChild(element);
alert("lefutott");
}
</script>majd
<span onClick="addImage()">Újabb kép hozzáadása</span>
lefut, de nem csinál semmit..
-
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. -
hmm, nem teljesen világos a kód működés (nem értek túlzottan js-hez)
Ez a rész mit csinál? És mit kell ... helyére írni?
element.onClick = function( event ) {
...
};Az egész kódot beraktam egy fv-be, ezt hívom onClick esetén, ugye?
function addImage() {
var element = window.document.createElement('input');
element.setAttribute('type', 'file');
element.onClick = function(event) {
window.document.body.appendChild(element);
};
window.document.body.appendChild(element); // a parent lehet pl.: window.document.body
return;
} -
újabb kérdés: hogyan lehet js-sel újabb elemet hozzáadni egy már betöltött html-oldalhoz? Azt akarom, hogy képfeltöltésnél alapból egy input mező legyen, alatta meg egy "Újabb kép csatolás" link, amire nyomva egy újabb input mező jelenik meg.
Ha document.write('<input>...')-tal csinálom, akkor új oldalon hozza be az inputot.. -
van egy html kódokat is tartalmazó fájl, egyébként jsf oldal, abban van egy ojjektum, aminek van id-je. Az oldal elején egy külső fájlból van src-zve egy js fájl, amiben van egy eljárás. Ez meg is hívódik az oldalról onchange-nél, de document.getelementbyid-vel semmit nem talál meg. Minden undefined. Miért?
Új hozzászólás Aktív témák
- Futás, futópályák
- AMD K6-III, és minden ami RETRO - Oldschool tuning
- Revolut
- A fociról könnyedén, egy baráti társaságban
- Samsung Galaxy S24 Ultra - ha működik, ne változtass!
- Négy másodperc alatt betölt a Forza Horizon 6 a Microsoft csodatechnológiájával
- PlayStation 5
- Milyen ÚJ notebookot vegyek?
- Hálózati / IP kamera
- Ne késd le a határidőt! (Secure Boot 2026)
- További aktív témák...
- 24 magos AMD Threadripper alapú munkára kiváló félgép, 128GB RAM-mal
- HP ZBook Fury 15 G7 i7-10850H 32GB 512GB SSD Quadro T2000 4GB FHD HUN bill, szép állapotban eladó
- Eladó MacBook Pro 16,1 2019 CTO
- új 0 km es garanciás lenovo loq rtx 5050 8gb
- Eladó teljesen újszerű karcmentes Samsung Galaxy Watch Ultra
- Lenovo ThinkPad dokkolók: USB-C 40A9/ 40AY/ 40AS/ Thunderbolt 3 40AC/ Hybrid USB-C DisplayLink 40AF
- iPhone 15 Pro 128GB 87% (1év Garancia)
- HIBÁTLAN iPhone 15 Pro Max 1TB Black Titanium -2 ÉV GARANCIA - Kártyafüggetlen, MS5166
- BESZÁMÍTÁS! 8TB WD RED WD80EFAX HDD meghajtó garanciával hibátlan működéssel
- Samsung Galaxy A53 5G 128GB, Kártyafüggetlen, 1 Év Garanciával
Állásajánlatok
Cég: Laptopműhely Bt.
Város: Budapest