Html-, css- és php-help

Jelentkezz be a hozzászóláshoz.

Jim Morrison
#22486
csináltam egy jó kis app.js-t, beleraktam:

var settings = require('./content/settings.js');
var dom = require('./content/dom.js');
var date = require('./content/date.js');
var json = require('./content/json.js');
var content = require('./content/content.js');

kicsit alakítgattam és dist mappában már csak a background.js és app.js van - amiben pedig minden ami kell (content.js, settings.js...).

HA consolet nézem továbbra is jön egy hibaüzi, content scriptnél látszik, hogy webpack:// továbbra is forrás mappából dolgozik (pedig nincs is gulp watch, csak a /dist/chrome van betöltve kiegészítőnek. (lenti képhez hasonlóan).
Próbálgatom, de foggalmam sincs, hogy ez mitől lehet. Beépített webpack kód szórakozik az mondjuk tuti..


már értem miért van webpack://, ez hozzá tartozik a dologhoz, lenyegében újra felszabdalja az app,js-t, és az a kiegészítő (megnéztem és pl reddit enhancement suite nál is ez van).
Már csak arra kell rájönnöm, hogy lássa a settings.js var cp = { } -t a content.js

alakul a molekula, importolni kell meg ilyenek, settings ikon már megjelent... de jó kis refactoring lesz ez
Utoljára szerkesztette: Jim Morrison, 2017.08.22. 15:11:39

ASUS B550-PLUS, AMD 5600X, 32 GB DDR4, EVGA RTX 3070, SM-OB1, HD 600 + Asus Xonar DX, TonePort UX1 + Alesis Elevate 5, Novation Circuit \o/

j0nNyKa
#22485
egy fájl legyen persze

SG troll, ban, büntetőpont, hsz törlés FAQ: http://kocsog.eu/ban/

Jim Morrison
#22484
Gondoltam megnézem pontosan mire is való a webpack, babel.js stb, már régóta tologatom magam előtt. Szerettem volna a hasznosat összekötni a kellemessel, és ezzel újrarendezni az SG Tuning bővítményt.
Jelenleg minden egyes js fájl elejére biggyeszt egy kis webpackBootstrap kódrészletet, és a jquery-t is (pontosan így)
Minden szép és jó, tök hasznos kis gulp scripttekkel van tele, tök jó - de (még) nem működik a dolog.
Mikor betöltöm a bővítményt chromeba, olyan hibákat kapok, mint:

-cleditor is not defined at cleditor.js:189
cleditor.js - webpack bootstrap kód, jquery, majd,

/* WEBPACK VAR INJECTION */(function($) {
/*!
CLEditor WYSIWYG HTML Editor v1.4.5
requires jQuery v1.4.2 or later
---EREDETI cleditor.js fájl
*/
(function ($) {
// jQuery Plugin
$.cleditor = {
/* *********************** */
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(0)))

- továbbá content.js-ben: cp is not defined (ami a settings.js-ben található)

Ezen a képen remekül látszódik, hogy minden fájl a helyére kerül, de a webpacknek hála nem úgy működik mint régen.
Spoiler (katt a megjelenítéshez)

Felül a mostani elhelyezkedés, alatta az elkészített, új felépítést használó plugin, alatta meg a hozzátartozó webpack://, amit nem értek. Jelenleg gulp --watch se volt, semmi, de az mégis ott van.

Az a baj, hogy a webpack ahogy közrefogja a script fájlokat, más felépítést kellene adnom nekik? Vagy most ahogy ezt leírtam, ha a scripteket egy fájlba tömöríteném, és azt az egészet fogná közre az működhet?

ASUS B550-PLUS, AMD 5600X, 32 GB DDR4, EVGA RTX 3070, SM-OB1, HD 600 + Asus Xonar DX, TonePort UX1 + Alesis Elevate 5, Novation Circuit \o/

Jim Morrison
#22483
Van egy form egy oldalon. Ha rákattintok minden oké, igazából egy post kérés az egész, csrf védelemmel.
Ha jquery ajaxot használok, ugyanaz a data mező, csrf-et is ugyanúgy elküldöm, akkor az úgy már mégsem működik. Mi az amire nem figyeltem oda?

szerk: https://formspree.io/ elég lesz
Utoljára szerkesztette: Jim Morrison, 2017.05.20. 22:44:13

ASUS B550-PLUS, AMD 5600X, 32 GB DDR4, EVGA RTX 3070, SM-OB1, HD 600 + Asus Xonar DX, TonePort UX1 + Alesis Elevate 5, Novation Circuit \o/

Malakai
#22482
Nem vagyok MySQL pro, de opcionális paraméterek nincsenek, csekkolhatod, hogy pl null került hozzáadásra, vagy üres string, valami, ami alapján tudod, hogy nem került szűrés megadásra.
A problémásabbnak tűnik az esetleges változó mennyiségű szűrő, itt vagy minden lehetséges szűrést beraksz a paraméterek közé és amelyik nem null az alapján szűrsz, vagy egy paramétert használsz, amiben megírod a kondíciókat a szűrésre, mintha a query-t írnád.

(\__/) ( X.x) ( } . { )

355
#22481
'napot!

MySQL stored procedure kérdés jöhet?

Mondjuk van egy products táblám, amiben van id, name, prc, color, size.

Lehet olyan sp-t írni, amelyik ha nem kap semmilyen értéket, akkor listázza az összes terméket, de igény szerint tud szűrni egy vagy több mezőre?

Blog: http://ferrari118.rozsahegyi.net

Jim Morrison
#22480
Á, ennek a nevét nem tudtam, kösz :p lényegében igen, csak nem ehhez (meg pár apró különbséggel).

Ez ugye source engine demot hasznal, kosz a tippet, megkenezem az hogy nez ki.
Utoljára szerkesztette: Jim Morrison, 2017.04.03. 23:51:05

ASUS B550-PLUS, AMD 5600X, 32 GB DDR4, EVGA RTX 3070, SM-OB1, HD 600 + Asus Xonar DX, TonePort UX1 + Alesis Elevate 5, Novation Circuit \o/

SzirmosSzisza
#22479
Ilyet akarsz?:p

“A distributed system is one in which the failure of a computer you didn't even know existed can render your own computer unusable” _____/|_____\o/___ Cápatámadás

Jim Morrison
#22478
Köszi, megnézem

ASUS B550-PLUS, AMD 5600X, 32 GB DDR4, EVGA RTX 3070, SM-OB1, HD 600 + Asus Xonar DX, TonePort UX1 + Alesis Elevate 5, Novation Circuit \o/

j0nNyKa
#22477
redisben

SG troll, ban, büntetőpont, hsz törlés FAQ: http://kocsog.eu/ban/

Jim Morrison
#22476
Csak ilyesmit talaltam (játékból log):

Szerk: forummotor megfogja.
példa - oldal alján le lehet tölteni a logot
Utoljára szerkesztette: Jim Morrison, 2017.04.03. 23:37:35

ASUS B550-PLUS, AMD 5600X, 32 GB DDR4, EVGA RTX 3070, SM-OB1, HD 600 + Asus Xonar DX, TonePort UX1 + Alesis Elevate 5, Novation Circuit \o/

Jim Morrison
#22475
Mérkőzések statisztikáját milyen formában érdemes tárolni? Gondolom fájlban, de hogy szokás? Gondolok itt olyasmire, hogy mp enként mondjuk 32szer lementjük minden játékos helyzetét, mit csinált és azt hogyan.... mindezt úgy hogy gyorsan ki is tudjuk olvasni xy hányszőr lőtt z vel, stb.
(Mint játékok logjai vagy rendes mérkőzések (foci, kosár,...), hogy utána kvázi vissza lehessen játszani pöttyökkel mi is történt mp ről mp re.

ASUS B550-PLUS, AMD 5600X, 32 GB DDR4, EVGA RTX 3070, SM-OB1, HD 600 + Asus Xonar DX, TonePort UX1 + Alesis Elevate 5, Novation Circuit \o/

Jim Morrison
#22474
Igen, script meg egyéb tageket eltávolít, ez most ilyen megkötés... lehetne json-ban, de mivel nem ez az egyetlen hely, ahol ezt a mutatványt meg kell csinálnom (és van ahol tényleg csak html-re hagyatkozhatok), gondoltam ezzel kezdem, gyorsan le tudom ellenőrizni, hogy megy-e.

ah és tényleg, fránya stringet várt ... köszi <#worship>

ASUS B550-PLUS, AMD 5600X, 32 GB DDR4, EVGA RTX 3070, SM-OB1, HD 600 + Asus Xonar DX, TonePort UX1 + Alesis Elevate 5, Novation Circuit \o/

Malakai
#22473
Mert ő string-et akar, nem DOM elementeket, így lefuttatja a HTMLElement.toString()-et.
Nem néztem meg, pontosan mit is kérsz/kapsz itt, de azt vedd figyelembe, hogy safeResponse.cleanDomString() az el fog távolítani minden <script> és <img> tag-et és minden egyébnél pedig csak class, id, href* és style attribute-okat hagy megy.

* - Ha href javascript-et tartalmaz, akkor elemet törli.

Itt a problémájuk, hogy lényegében nem biztonságos, felhasználókat átverő kódot pakolhatsz az oldalra. Mert azt nem tudják ők ellenőrizni, hogy a lekért html kód pontosan mit tartalmaz.

Ha a fentiekkel nincs probléma, a kapott html-t így is tudod használni, akkor hajrá, ha nem akkor, valami más megoldás kell, legjobb lenne persze az aktuál kedvenceket (gondolom itt azt kéred le) nem html-ben kapni, hanem mondjuk json-ban, hogy lássák mit építesz belőlle, ott is mégjobb lenne, ha pl nem href-eket kap a json-ben, hanem csak topic id-ket és te állítod össze az url-t.

De itt feltételezek pár dolgot, hogy mi is történik. 😊
Utoljára szerkesztette: Malakai, 2017.03.01. 19:20:41

(\__/) ( X.x) ( } . { )

Jim Morrison
#22472
SG-s bővítményt amit próbálok hegeszteni, immár Opera is visszadobja.
Szerencsére ők nem sablon válaszokat adnak miért dobták vissza:
" It is not allowed to insert external response into innerHTML, append(), prepend(), after(), html(), etc. Please use:
- parseInt/parseFloat for numbers
- mystring.replace(/&lt;<^&gt;>*&gt;?/g, &#39;&#39😉; for strings
- https://github.com/operatester/safeResponse/blob/1.1/safeResponse.js for HTML blocks"

(( ' = &#39; ))

Kódrészlet:

$.ajax({
url: '...',
mimeType: 'text/html;charset=utf-8',
dataType: 'html',

success: function (tmp) {

var data = $('nav#favorites-list', tmp);
console.log(data); // 1
data = data<0>;
console.log(data); // 2
data = safeResponse.cleanDomString(data);
console.log(data); // 3
$("nav#favorites-list"😉.html(data);

...
}
});


Második kiíratásra kapom meg azt a html részletet az oldalról amit szeretnék. SafeResponse használata után ezt kapom vissza:

ASUS B550-PLUS, AMD 5600X, 32 GB DDR4, EVGA RTX 3070, SM-OB1, HD 600 + Asus Xonar DX, TonePort UX1 + Alesis Elevate 5, Novation Circuit \o/

#22471
1 hét alatt többször próbáltam router beállítások, apache, tűzfal minden nyavalya,már nem is foglalkoztam vele, mikor is a prestashop beállításai között a default url-nél localhost-ot átírtam és lőn csoda 😊
Ma is tanultam valamit !
Utoljára szerkesztette: Szeki26, 2017.02.16. 19:03:02
MerlinW
#22470
httpd.conf-ban:

ServerName <gépipcime>:80

tehát ne localhost legyen.

[merlinw.org]

j0nNyKa
#22469
localhoston eléred, és csak hálózati címen nem? apache elindult? 80as porton indult?
Utoljára szerkesztette: j0nNyKa, 2017.02.13. 08:29:10

SG troll, ban, büntetőpont, hsz törlés FAQ: http://kocsog.eu/ban/

#22468
Igen, lehet hogy nem jól fogalmaztam meg.
Azóta próbálkoztam a xamp-al is, de valahogy nem tudom beállítani.
Egy weboldalt csinálok localhoston,amit szeretném windows hálózatban más is elérjen.
A windows tűzfalat beállította a xamp, a routeren is a 80-as portot engedélyeztem. Az Apache configjában is beállítgattam az opciókat, de nem tudom elérni az oldalt.
j0nNyKa
#22467
én a kérdésed sem értem + nagyon kevés infót írtál le

SG troll, ban, büntetőpont, hsz törlés FAQ: http://kocsog.eu/ban/

#22466
A múltkori kérdésem után tanulmányoztam ezt a css animációs dolgokat, és találtam egy nagyon jó oldalt.
Nagyon jó effektek, már párat felhasználtam.
http://ianlunn.github.io/Hover/

ha már ismertétek bocs...
Utoljára szerkesztette: Szeki26, 2017.02.11. 10:05:57
#22465
Sziasztok !

Egy wampserver-t szeretnék elérni hálózatból.Beállítottam a szükséges dolgokat,de valamiért nem ad jogosultságot ("Forbidden You don't have permission...)
Apache 2.4 httpd.conf így néz ki :

DocumentRoot "${INSTALL_DIR}/www/"
<Directory "${INSTALL_DIR}/www/">
Options +Indexes +FollowSymLinks +Multiviews
Require all granted
</Directory>

<Directory "${INSTALL_DIR}/cgi-bin">
Options None
Require all granted
</Directory>

<Files ".ht*">
Require all granted
</Files>

Mit csinálok rosszul 😊 ?
passatgt
#22464
Pusher-t használok, de nem akar menni. Mindegy, elvileg jónak kéne lennie, szóval nálam a hiba akkor. Thx

j0nNyKa
#22463
lehet, sgn (is) csinálom

SG troll, ban, büntetőpont, hsz törlés FAQ: http://kocsog.eu/ban/

MerlinW
#22462
Elvileg lehet, sosem próbáltam - alapvetően listener /broadcast/emitter felállás van -
De csinálhatsz külön node-os WS szervert másik porton, amibe ugyanúgy behúzhatod a moduljaidat - már ha szépen modulárisan fejlesztettél. Bár én már rég nem gondolkodom fullstack-ben. Amikor csak lehet, API szerver és külön kliens. Kicsit több meló, de sokkal könnyebbé teszi az életet😊
Utoljára szerkesztette: MerlinW, 2017.02.05. 22:55:15

[merlinw.org]

passatgt
#22461
Igen, valami ilyesmiben gondolkodok én is, de nem tiszta nekem, hogy ugyanaz a szerver lehet egyszerre socket szerver és kliens is?

A http kapcsolatot meg azért kéne nyitvatartanom közben, mert egy külső szolgáltatásba kellene ezt az egészet beintegrálni, ami csak egy webhook-ot tud meghívni és annak a válaszát feldolgozni.
Utoljára szerkesztette: passatgt, 2017.02.05. 20:10:39

MerlinW
#22460
socket.io. Baromi egyszerű használni, okos, gyors, kényelmes, van majdnem minden nyelvhez. Én pl. node és angular párossal használom.
Utoljára szerkesztette: MerlinW, 2017.02.05. 20:04:04

[merlinw.org]

SzirmosSzisza
#22459
Websocket nem játszik? Sokáig nem valami barátságos nyitva tartani HTTP kapcsolatot.

“A distributed system is one in which the failure of a computer you didn't even know existed can render your own computer unusable” _____/|_____\o/___ Cápatámadás

passatgt
#22458
node.js kérdés:

1. Szerver kap egy kérelmet: GET /status
2. Szerver küld egy push notificationt a kliensnek, ami X idő múlva válaszol egy POST /status/11 kérelemmel a szerverem felé
3. A szerveremnek 11-et kéne visszaadni az első pontban indított kérelem válaszaként

Ötlet, hogyan tudom ezt megvalósítani?

#22457
Tudtam, de akkor sem értek a programnyelvekhez. Ezért kértem itt segítséget! De marad a google.
j0nNyKa
#22456
azt tudod hogy a wordpress phpban íródott? és hogy mi az a javascript?
itt van pl help

SG troll, ban, büntetőpont, hsz törlés FAQ: http://kocsog.eu/ban/

#22455
Ennyi van! Nem vagyok nagy mestere a html-nek.
A lenti kód egy képre ha ráhúzom az egeret akkor kicseréli másikra. Nekem a szövegre húzott egérnél kellene képcsere!
<br>
<a href="#" align="middle" border="10" height="300" width="300"
onmouseover="img3.src='http://www.paloczy.tarjanyit.hu/wp-content/themes/skt-parallaxme/images/gallery/img02.jpg'"><img alt=""
src="http://www.paloczy.tarjanyit.hu/wp-content/themes/skt-parallaxme/images/gallery/img01.jpg" widht="70" name="img3"
align="middle" border="0" height="300" width="500"></a>
<br>
j0nNyKa
#22454
szivesen.

példakód, valami?

SG troll, ban, büntetőpont, hsz törlés FAQ: http://kocsog.eu/ban/

#22453
html ben kellene egy kis segítség. Szeretnék 5 text mezőt egymás alatt, amire ha ráhúzom az egeret akkor mellette más-más kép jelenik meg. Egy alaprajzon szeretném így szemléltetni a kiválasztott lakást. (mindig más képet töltene be amin a megfelelő lakás lenne kiszínezve) Előre is köszönöm a segítségeteket!
Malakai
#22451
Rengeteg mindent meg lehet már csinálni kizárólag css-el is, sok mindent trükközve, sok mindent olyan property-kkel, amik csak új böngészőkben (flow-root), vagy csak bizonyos böngészőkben, bizonyos fokig mennek (maskok.

Anélkül, hogy részletesebben megnéztem volna, csak transition property kellhet hozzá, amit már majdnem minden böngésző támogat, de ha valami nem, akkor is max annyi történik, hogy nincs átmenet (animáció), de a végeredmény akkor is.

(\__/) ( X.x) ( } . { )

#22450
Hmm köszönöm,màr ezzel is segítettél mert végig a js-t kerestem a felugràshoz.
#22449
nem használ javascriptet. css transition felel az animációért a mouseover pedig css hover-el van megoldva
#22448
Sziasztok !

Tudnátok segíteni egy kezdőnek 😊 ?
Egy prestashop oldalról van szó :
http://apollotheme.com/demo-themes/?product=ap-travel-theme

Itt alul a termékeknél ha kurzor rámegy a képre felugrik egy add to cart, meg egy ilyen gyors nézet logo.
Ezt akarom megcsinálni, de nem nagyon áll össze a dolog. css-ben már megcsináltam, működik,de azt nem tudom hogy hol hívja meg azt a javascriptet, amitől felugranak ezek a linkek.(egy ingyenes slider-t írok át hogy illeszkedjen a stílusa a sablonhoz)
Utoljára szerkesztette: Szeki26, 2017.01.30. 21:36:46
passatgt
#22447
onload-nál indul csak, ami megvárja az összes kép / videó / akármi betöltését

j0nNyKa
#22446
azt értem, de nem egy üres dived lenne page load-kor, hanem egy statikus képed, és annak cserélődne az srcje.. egyszercsak

SG troll, ban, büntetőpont, hsz törlés FAQ: http://kocsog.eu/ban/

SzirmosSzisza
#22445
Az volt a baj, hogy ha valaki rak be egy lassan töltődő képet, akkor csak későn indul a JS (gondolom jQuery ready-nél indul csak).

“A distributed system is one in which the failure of a computer you didn't even know existed can render your own computer unusable” _____/|_____\o/___ Cápatámadás

j0nNyKa
#22444
öö figymá, és mi lenne, ha beraknál html-be egy img taggel egy képet, és jsből annak az srcjét cserélnéd?
így lenne betöltés után 1-2 mp-cel egy "villanás", amikor kicseréli az eredeti képedet valamelyik randomra, de az nem gázos

SG troll, ban, büntetőpont, hsz törlés FAQ: http://kocsog.eu/ban/

passatgt
#22443
A kép méretét nem tudod előre? Mert akkor simán height a #bdobanner-nek.
Ja és állítsd be egy alapértelmezett hátteret is, előfordulhat, hogy pont nincs az egyedi ID-ben az adott karakter.
Utoljára szerkesztette: passatgt, 2017.01.22. 19:09:40

Jim Morrison
#22442
mármint utólag beállítani a banner magasságát a kép magasságára?

ASUS B550-PLUS, AMD 5600X, 32 GB DDR4, EVGA RTX 3070, SM-OB1, HD 600 + Asus Xonar DX, TonePort UX1 + Alesis Elevate 5, Novation Circuit \o/

SzirmosSzisza
#22441
Köszi, ez menő! Magassággal lehet kezdeni valamit vagy inkább igyekezzek fix méretet csinálni?

Spoiler (katt a megjelenítéshez)

ez van most

import string

tmpl = "body > div:first-child ~ #content #bdobanner {background: url(//karthus.net/shared/bdo/logo%s.png) no-repeat;}"


for idx, c in enumerate(string.lowercase):
print(tmpl % (c, idx % 24 + 1))


Utoljára szerkesztette: SzirmosSzisza, 2017.01.22. 18:46:18

“A distributed system is one in which the failure of a computer you didn't even know existed can render your own computer unusable” _____/|_____\o/___ Cápatámadás

passatgt
#22440
Nagyon hack, de css-el megoldható😊
Rögtön a body elején létrejön oldalbetöltéskor egy egyedi ID-jű div, minden betöltéskor más az ID. Erre lehet css-el szűrni, random karakterekhez hozzátársítasz egy hátteret. Így kb azonnal be fog jönni a kép😊


body > div:first-child ~ #content #topic-information {background-image: url(képurl);}
body > div:first-child ~ #content #topic-information {background-image: url(képurl);}
body > div:first-child ~ #content #topic-information {background-image: url(képurl);}
body > div:first-child ~ #content #topic-information {background-image: url(képurl);}
...

#22439
esetleg úgy lehetne megoldani hogy az img src egy szerver oldali scriptre mutat ami random generálja a jpg-t. Nem tudom a cache-t ki lehetne-e játszani ilyen esetben valahogy

Vagy esetleg egy redirectet linkelsz ami minden futásnál más képre mutat.
Utoljára szerkesztette: Neocortex, 2017.01.22. 16:21:33
SzirmosSzisza
#22438
Ezt akartam elkerülni (nem hiszem, hogy tudja böngésző ezt cachelni), de ha minden kötél szakad marad ez, köszi.

“A distributed system is one in which the failure of a computer you didn't even know existed can render your own computer unusable” _____/|_____\o/___ Cápatámadás

Jim Morrison
#22437
Sorozatok topikban ez fut:

<div id="headerbg"></div>



background:#444 url(http://jimmorrison723.hu/egyeb/sg/sorozatok/kep.php) no-repeat; }


kep.php

<?php
require_once 'randomFile.php';

$file = randomFile('kepek/', 'jpg|jpeg|png|gif');

switch (substr($file, -4)) {
case '.jpg':
case 'jpeg':
$kep = imagecreatefromjpeg($file);
$ctype = 'image/jpeg';
$fn = 'imagejpeg';
break;
case '.png':
$kep = imagecreatefrompng($file);
$ctype = 'image/png';
$fn = 'imagepng';
break;
case '.gif':
$kep = imagecreatefromgif($file);
$ctype = 'image/gif';
$fn = 'imagegif';
break;
}
/*http://mntn.bl.ee/sorozatok/kep.php*/
header('Content-Type: '.$ctype);
$fn($kep);
imagedestroy($kep);


Spoiler (katt a megjelenítéshez)
randomFile

<?php
function randomFile($folder = '', $extensions = '.*')
{
$folder = trim($folder);
$folder = ($folder == '') ? './' : $folder;

if (!is_dir($folder)) die('Invalid folder given!');

$files = array();

if ($dir = @opendir($folder)) {
while ($file = readdir($dir)) {
if (!preg_match('/^\.+$/', $file) && preg_match('/\.('.$extensions.')$/', $file))
$files[] = $file;
}
closedir($dir);
} else {
die('Could not open the folder "'.$folder.'"');
}

if (count($files) == 0) die('No files were found.');

mt_srand((double)microtime()*1000000);

$rand = mt_rand(0, count($files)-1);

if (!isset($files<$rand>)) die('Array index was not found!');

return $folder . $files<$rand>;
}


nagyon régi kód...
Utoljára szerkesztette: Jim Morrison, 2017.01.22. 16:15:04

ASUS B550-PLUS, AMD 5600X, 32 GB DDR4, EVGA RTX 3070, SM-OB1, HD 600 + Asus Xonar DX, TonePort UX1 + Alesis Elevate 5, Novation Circuit \o/