-
Fototrend
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
-
Speeedfire
nagyúr
válasz Speeedfire #1950 üzenetére
Érdekes, hogy az img classot figyelmet kívűl hagyja, míg ha egy p classba írok valami szöveget akkor már működik megfelelően. Már csak meg kellene oldanom valahogy.
Illetve arra még nem jöttem rá, hogyan tudnám az éppen aktuális elemet törölni.Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
Speeedfire
nagyúr
válasz Speeedfire #1951 üzenetére
A gond megoldva.
$(function () {
$("#makeinput").click(function () {
var div = $('<div class="inputs"><input class="fajl" name="media[]" type="file" /> <a href="#" class="del"><img class="torol" src="images/cancel.png" /></a></div>');
$('#container').append(div);
return false;
});
$(".del").live('click', function () {
$(this).closest('div.inputs').remove();
return false;
});
});Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
Siriusb
veterán
Használom a jdownload plugint, hogy kikényszerítsem a fájlok letöltését, de mp3 esetén nem működik; ha tetszik, ha nem, lejátsza a fájlt. Valami ötlet, mi lehet a gond?
-
Siriusb
veterán
Egy noob kérdés
Van valami lehetőség javascripttel (vagy máshogy), hogy egy ctrl+f5-nek (vagy legalább sima frissítésnek) megfelelő műveletet hajtson végre a böngésző? Hiába van no-cache beállítva a html-ben, nem mindig működik.Speeedfire, én már kaptam itt hathatós és részletes segítséget.
[ Szerkesztve ]
-
Speeedfire
nagyúr
Kis js segítség kellene.
Adott egy lista ami képek linkje. A célom, hogy ha ráviszem az egeret akkor megjelnítse a képet. Van erre valami js kód? Vagy jquery?
Próbálkozásom:
<a href="../galeria/2010-kispalyas-foci/008-2010-kispalyas-foci.jpg" target="_blank" onmouseover="o('../galeria/2010-kispalyas-foci/tn/008-2010-kispalyas-foci.jpg')\;" onmouseout="f()\;">
008-2010-kispalyas-foci.jpg
<span><img style="border:none;background:none;" src="../images/trans.gif" alt="008-2010-kispalyas-foci.jpg" name="thumb6"></span></a>Hozzá a js kód:
function o(i) {
document.src = i;
}
function f(n) {
document.src = '../images/trans.gif';
}A gond, hogy nem változtatja át a képet.
Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
j0k3r!
senior tag
válasz Speeedfire #1957 üzenetére
valami ilyesmi:
<img src="valami.png" onMouseOver="imgChange(this,'csere.jpg')"/>function imgChange(obj,img)
{
obj.src = img;
}some men just wanna watch the world burn...
-
Sk8erPeter
nagyúr
válasz Speeedfire #1957 üzenetére
Nincs olyan, hogy document.src .
Csak képnek van src attribútuma.onmouseout="f()\;"
Miért akartad többször is escape-elni a pontosvesszőt?Amit j0k3r! írt, az jó lesz.
Sk8erPeter
-
Sk8erPeter
nagyúr
válasz burgatshow #1949 üzenetére
Esetleg át lehetne alakítani táblázatos formára, és utána a tablesorter jQuery pluginnel elintézni a rangsorolást, ha az úgy megfelel (lásd demo).
Elég korrekt ez a plugin.Sk8erPeter
-
Siriusb
veterán
válasz Sk8erPeter #1959 üzenetére
És ez üríti a cache-t? Egyébként azt szeretném, hogy amikor ránavigál a felhasználó az adott domainre, akkor ürítse a cache-t és töltse be, azaz le újra az egészet.
-
Speeedfire
nagyúr
Este már megoldottam, csak nem akartam még 1x postolni magam után.
A js:
function o(n, i) {
document.images['thumb-'+n].src = i;
}
function f(n) {
document.images['thumb-'+n].src = '../images/trans.gif';
}A php kód:
echo '
<a href="'.$nagy.$file.'" target="_blank" onmouseover="o(\''.$i.'\',\''.$kicsi.$file.'\');" onmouseout="f('.$i.');"> '.$file.'
<span class="adminkep"><img style=border:none;background:none; name="thumb-'.$i.'" src="../images/trans.gif" alt="'.$file.'" ></span></a><br /> ';Márcsak a képet kell megfelelően pozicionálni és kész is vagyok.
Sk8erPeter: Hát nem tudom. De már nincs escapelve.[ Szerkesztve ]
Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
Sk8erPeter
nagyúr
válasz Siriusb #1962 üzenetére
Hát az elég érdekes lenne biztonsági szempontból, ha JavaScripttel törölni lehetne a cache-t. Szóval ilyenre nincs mód JavaScriptből.
Legfeljebb arra van, hogy megoldd, hogy pl. a JS-fájlokat frissítésnél újból betöltse, illetve arra, hogy egyáltalán ne cache-elje az oldaladat a böngésző, de ez sem olyan nagyon szerencsés, pont azért cache-el a böngésző, hogy első oldalbetöltés után lehetőleg gyorsabb legyen a böngészés.[ Szerkesztve ]
Sk8erPeter
-
Sk8erPeter
nagyúr
válasz Speeedfire #1963 üzenetére
Szerintem elegánsabb megoldás j0k3r! kódja. Ott konkrétan arra az objektumra vonatkozó tulajdonságot módosítod. Ez így olyan...fura. De végül is persze működhet.
Konkrétabban: ez a document.images az egész HTML-doksi "gyűjteménye" az oldalon szereplő képekről, így ezt szerintem ilyen módon babrálni olyan nagyon nem szerencsés, épp ezért kellene inkább az adott objektumra vonatkozó tulajdonságot módosítani.
Szerintem.Sk8erPeter
-
Sk8erPeter
nagyúr
válasz Siriusb #1962 üzenetére
Továbbra is áll, amit írtam korábban, tehát nem törölhető JS-ből a cache, de mégis találtam módszert arra, hogy figyelmen kívül hagyja a korábban cache-elt elemeket, és új példányokat szedjen le a szerverről, itt: [link]
"You can call window.location.reload(true) to reload the current page. It will ignore any cached items and retrieve new copies of the page, css, images, JavaScript, etc from the server. This doesn't clear the whole cache, but has the affect of clearing the cache for the page you are on."Tehát:
window.location.reload(true);
Ezek szerint a true boolean azt adja meg, hogy újratöltse a szerverről az oldalt, és NE a böngésző cache-éből szedje le az adatokat, és ez szerintem már részben válasz is a kérdésre.DE ha tényleg azt szeretnéd, hogy sose cache-eljen a böngésző, ha az adott oldalra navigál a felhasználó, akkor azt már nem JavaScriptből kell elintézni!
Majd írd le, konkrétan mi a célod, és akkor tovább gondolkodunk a megoldáson!
[ Szerkesztve ]
Sk8erPeter
-
Sk8erPeter
nagyúr
válasz Sk8erPeter #1966 üzenetére
Bocs a sok postért, csak még egy, hogy egyértelmű legyen a dolog: ez az itt említett módszer csak FRISSÍTI az oldalt olyan módon, ahogy korábban leírtam. Tehát ez frissítésre kényszeríti a böngészőt JavaScript-oldalról, így első oldalbetöltéskor történő adat-újratöltésre való kényszerítésre NEM alkalmas. Ha pl. valamilyen gombhoz kötöd az eseményt, hogy töltsön újra, akkor rendben van, egyébként viszont ha azt szeretnéd, hogy egyáltalán ne cache-eljen a böngésző, akkor ezt pl. meta-tagekkel vagy szerveroldali nyelvvel lehet elintézni.
Sk8erPeter
-
Siriusb
veterán
válasz Sk8erPeter #1967 üzenetére
Kösz szépen a sok utánajárást. Hogy én miért nem találtam meg a window.location.reload(true) -t?! Hmmmm.
A meta tagek megvannak, mégis néha nem frissül egy-egy image például néhány látogatónál. Nem igazán tudom mihez kötni a problémát, ezért gondolkodtam valami kierőszakolt cache ürítésben.
Kösz még egyszer! -
Speeedfire
nagyúr
válasz Sk8erPeter #1965 üzenetére
Kicsit elvúlt kód, de megy. Nekem most ez a lényeg.
Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
maestro87
őstag
Üdv!
Lenne két Java scriptem:
<SCRIPT LANGUAGE="JavaScript">
......
....
</SCRIPT>
...tartalom...
<SCRIPT LANGUAGE="JavaScript">
......
....
</SCRIPT>
Az index.php-mat szeretném egy kicsit karcsúsítani úgy, hogy egy külön fájlba teszem a scriptet. És az a kérdés, hogy, hogy kell ezt beszúrni?
Próbáltam, hogy a két részt külön fájlba mentem pl. valami1.php és valami2.php-ba majd beszúrom a
<?php
include('valami1.php');
?>
paranccsal de így nem megy. Gondolom azért mert nem php.De jobb lenne, ha 1 fájlba meglehetne oldani. Div-et sejtek a dologban, de ahhoz még nem értek.
Még nagyon kezdő vagyok, ezért valaki megadhatná a helyes választ. Köszi.
-
maestro87
őstag
válasz Siriusb #1971 üzenetére
Nem működik.
Ezt kellene beszúrni: Dátum
Elmenttem .js fájlba külön a kettőt, a <SCRIPT LANGUAGE="JavaScript"> </SCRIPT> tagokat meg kivettem belőlük, de így sem jó.Vagy valami egyszerűbb dátum scriptet nem tudsz, ami ilyen formában jeleníti meg a dátumot?
[ Szerkesztve ]
-
Inv1sus
addikt
Valaki tudna segíteni nekem a következő problémában:
Azt szeretném elérni, hogy a form-ban elküldött get adatot urlencode-olva küldjem tovább.
A php-s topikban már segítettek azzal, hog onsubmitot kellene használnom, de azt nem tudom, hogy a Get-es változómat, hogy érjem el.
Ui: Lehet mégse kell segítség.
[ Szerkesztve ]
*** WEBDESIGN, GRAFIKUS DESIGN, FRONT-END PROGRAMOZÁS ***
-
-
Inv1sus
addikt
válasz Sk8erPeter #1977 üzenetére
Igazad van. Megérdemlitek, ha már megoldottam
function php_urlencode(str) {
str = escape(str);
return str.replace(/%E1|%C1|%E9|%C9|%ED|%CD|%F3|%D3|%F6|%D6|%u0151|%u0150|%FA|%DA|%FC|%DC|%u0171|%u0170/g,
function (s) {
switch (s) {
case "%E1": s = "%C3%A1"; break;
case "%C1": s = "%C3%81"; break;
case "%E9": s = "%C3%A9"; break;
case "%C9": s = "%C3%89"; break;
case "%ED": s = "%C3%AD"; break;
case "%CD": s = "%C3%8D"; break;
case "%F3": s = "%C3%B3"; break;
case "%D3": s = "%C3%93"; break;
case "%F6": s = "%C3%B6"; break;
case "%D6": s = "%C3%96"; break;
case "%u0151": s = "%C5%91"; break;
case "%u0150": s = "%C5%90"; break;
case "%FA": s = "%C3%BA"; break;
case "%DA": s = "%C3%9A"; break;
case "%FC": s = "%C3%BC"; break;
case "%DC": s = "%C3%9C"; break;
case "%u0171": s = "%C5%B1"; break;
case "%u0170": s = "%C5%B0"; break;
}
return s;
}
);
}Egyébként még lehetnek benne hibák. Egy talált kódot dolgoztam fel.
Cserébe megkérdezném, hogy ez a function (s) az mégis hogy?! Valaki elmagyarázhatná működését a belsejének, mert az nekem nem tiszta.
[ Szerkesztve ]
*** WEBDESIGN, GRAFIKUS DESIGN, FRONT-END PROGRAMOZÁS ***
-
Sk8erPeter
nagyúr
válasz Inv1sus #1978 üzenetére
Itt találsz erre jó példát: [replace - Specifying a function as a parameter (MDC Doc Center)]
Ha függvényt adsz meg második paraméternek, akkor az automatikusan meghívódik a replace első paraméterében meghatározott keresőkritériumoknak megfelelő karaktersorozatok megtalálása után.
A paraméterként meghatározott függvény paramétere pedig a találat lesz.Mellesleg a php.js oldalát tanulmányoztad?
Itt PHP-s függvényeket írnak át a JavaScriptes megfelelőikre.
Pl. urlencode().--
Szerk.: amúgy csak érdeklődésképp, mi volt az eredeti célod?
"azt nem tudom, hogy a Get-es változómat, hogy érjem el."
Ezt a részt meg nem értettem, ha még a form elküldése előtt szeretnéd JavaScripttel változtatni a formban található elemeket, akkor a szokásos JS-módszerekkel megteheted, és megváltoztathatod elküldés előtt.[ Szerkesztve ]
Sk8erPeter
-
Inv1sus
addikt
válasz Sk8erPeter #1979 üzenetére
Azt akartam, hogy a címsorban ne ékezettel jelenjen meg, hanem kódolva. Így a címsort el lehet menteni és használható lesz. Egyébként azt hiszem ezt a kódot használtam részben amit linkeltél, de az ékezetes betűkhöz nem jó.
De most már másik problémán dolgozom:
Jquery-vel akarnék csinálni legördüléses panelt, azonban sehogy nem jön össze.
Ez működik:
$('button').click(function() {
$('#gyartok-panel-mid').hide('slow');
});Ez meg nem csinál semmit:
$('button').click(function() {
$('#gyartok-panel-mid').slideToogle('slow');
});Tekintve, hogy a hide() működik, nem tudom felfogni, a slide miért nem.
[ Szerkesztve ]
*** WEBDESIGN, GRAFIKUS DESIGN, FRONT-END PROGRAMOZÁS ***
-
Sk8erPeter
nagyúr
válasz Inv1sus #1981 üzenetére
"nem Toogle hanem toggle."
Akkor már legyünk pontosak, nem Toogle, hanem Toggle. még pontosabban slideToggle().Ne gyűlöld a programozást, mert akkor ő is gyűlölni fog téged.
Sk8erPeter
-
Inv1sus
addikt
Be lehet állítani firefoxban, hogy minden oldalletöltésnél újratöltse a javascriptet is?
*** WEBDESIGN, GRAFIKUS DESIGN, FRONT-END PROGRAMOZÁS ***
-
Sk8erPeter
nagyúr
válasz Inv1sus #1983 üzenetére
Ha arra gondolsz, hogy pl. egy linkelt JavaScript-fájlt újratöltsön, akkor a korábban linkelt oldalon kínálnak egy lehetséges megoldást:
"Try changing the JavaScript file's src? From this:<script language="JavaScript" src="js/myscript.js"></script>
To this:<script language="JavaScript" src="js/myscript.js?n=1"></script>
This method should force your browser to load a new copy of the JS file."Egyébként a Ctrl+F5-ös frissítés jelen esetben miért nem jó FF-nál?
Sk8erPeter
-
Inv1sus
addikt
válasz Sk8erPeter #1984 üzenetére
Csak gondoltam van kényelmesebb megoldás ff-ben, csak nem találtam meg.
*** WEBDESIGN, GRAFIKUS DESIGN, FRONT-END PROGRAMOZÁS ***
-
Mec
aktív tag
Üdv. Lenne egy kérdésem.
Van arra lehetőség, hogy megtudjuk, melyik htm fájl van megnyitva az adott tárhelyen?
Erre gondolok:www.valami.hu/lap.htm
vagy
www.valami.hu/lap.htm?p=2Itt a parent.window.location.href visszaadja a komplett URL-t, viszont nekem csak a "lap.htm"-re (vagy "lap.htm?p=2"-re) lenne szükségem.
Köszi a segítséget!
mecsystem.uw.hu
-
Mec
aktív tag
A window.location.pathname majdnem jó, viszont local-ban futtatva továbbra sem tudom használni.
Így indítva:
file:///D:/teszt.htm
Csak ezt adja vissza:
/D:/teszt.htm
mecsystem.uw.hu
-
HolyDay
tag
esetleg ezt próbáld meg:
var full_path = window.location.pathname;
var pieces = full_path.split("/");
var file = pieces[pieces.length-1];Ez elvileg a te esetben jó lesz, viszont ha az oldal, amin használni akarod SEO barát url-ekkel rendelkezik (pl:http://index.hu/kulfold/2011/02/18/lazongas_az_arab_vilagban/), akkor üres stringet kapsz.
-
Inv1sus
addikt
Van valami egyszerű mód annak leellenőrzésére, hogy ki lett-e választva valami fájl az inputnál? onsubmit-tal szeretném aktiválni.
Feltételben ezek nem működnek:
document.getElementById('inspiraciokep') ==undefine
document.getElementById('inspiraciokep').value != ""[ Szerkesztve ]
*** WEBDESIGN, GRAFIKUS DESIGN, FRONT-END PROGRAMOZÁS ***
-
j0k3r!
senior tag
válasz Inv1sus #1990 üzenetére
nemtudom ez mennyire korrekt, de en ilyet csinaltam:
<form method="post" action="index.php" name="uploadform" enctype="multipart/form-data" onSubmit="return CheckUpload()">
...
</form>script:
function CheckUpload()
{
var fname = document.uploadform.imgname.value;
var fpath = document.uploadform.img.value;
if(fname.length == 0 || fpath.length == 0)
{
alert('minden mezo kitoltese kotelezo');
return false;
}
else
{
return true;
}
}az imgname es az img azok az input-on beluli name attributumkent megadott nevek. (persze lehet mashogy is hivatkozni rajuk)
some men just wanna watch the world burn...
-
Inv1sus
addikt
<script type="text/javascript">
function checkForm() {
var success = true;
if (document.getElementById('inspiraciokep').value != "")
{
var fieldvalue = document.getElementById('inspiraciokep').value.toLowerCase();
var ext = fieldvalue.substr(fieldvalue.lastIndexOf('.'));
if ((ext != ".jpg")&&(ext != ".jpeg")) {
document.getElementById("labelSuccess").innerHTML = "";
document.getElementById("labelFajl").innerHTML = "A feltöltött kép csak jpg vagy jpeg kiterjesztésű lehet<br /><br />";
success = false;
}
}
if (document.getElementById('inspiraciokep').value.length == 0)
{
document.getElementById("labelSuccess").innerHTML = "";
document.getElementById("labelFajl").innerHTML = "Nincs kép kiválasztva!<br /><br />";
success = false;
alert('dfd');
}
return (success);
}
</script><form action="tpl/upload.php" enctype="multipart/form-data" method="post" onsubmit="return checkForm();">
<fieldset>
<legend>Új kép</legend>
<div class="inspirodiv">
Képfájl:<br />
<input type="file" id="inspiraciokep" name="inspiraciokep" />
</div>
<input type="submit" name="inspiraciokepfeltoltes" value="Feltöltés" />
</fieldset>
</form>Nekem ezen simán tovább megy az upload oldalra.
[ Szerkesztve ]
*** WEBDESIGN, GRAFIKUS DESIGN, FRONT-END PROGRAMOZÁS ***
-
j0k3r!
senior tag
válasz Inv1sus #1994 üzenetére
function checkForm()
{
var ok = true;
if (document.getElementById('inspiraciokep').value.length > 0)
{
var fieldvalue = document.getElementById('inspiraciokep').value.toLowerCase();
var ext = fieldvalue.substr(fieldvalue.lastIndexOf('.'));
if (ext != '.jpg' && ext != '.jpeg')
{
//document.getElementById("labelSuccess").innerHTML = "";
//document.getElementById("labelFajl").innerHTML = "A feltöltött kép csak jpg vagy jpeg kiterjesztésű lehet<br /><br />";
alert('hibas kiterjesztes: ' + ext);
ok = false;
}
}
else
{
//document.getElementById("labelSuccess").innerHTML = "";
//document.getElementById("labelFajl").innerHTML = "Nincs kép kiválasztva!<br /><br />";
ok = false;
alert('ures a mezo');
}
return ok;
}igy kikommentezve nalam jo.
[ Szerkesztve ]
some men just wanna watch the world burn...
-
Inv1sus
addikt
Megoldottam php-val inkább. Javascriptre még rá kellene gyúrnom egy kicsit, mert jelenlegi tudásommal elég idegesítőnek találom a használatát.
De köszönöm, hogy segíteni próbáltál. Csak sajnos már bezavarodott a kód az adott problémától függetlenül is és inkább nem fecséreltem az időt vele...
[ Szerkesztve ]
*** WEBDESIGN, GRAFIKUS DESIGN, FRONT-END PROGRAMOZÁS ***
-
Sk8erPeter
nagyúr
válasz Inv1sus #1994 üzenetére
<script type="text/javascript">
<!--
function checkForm() {
var insp_image_val = document.getElementById('inspiraciokep').value.toLowerCase();
if (insp_image_val.length == 0){
alert('Nincs kép kiválasztva!');
return false;
}
var ext = insp_image_val.substr(insp_image_val.lastIndexOf('.'));
if ((ext != ".jpg")&&(ext != ".jpeg")) {
alert('A feltöltött kép csak jpg vagy jpeg kiterjesztésű lehet!');
return false;
}
return true;
}
// -->
</script>----------
"Megoldottam php-val inkább."
Itt a fenti.
Ezenkívül ez nem egészen így működik, hogy melyikkel "inkább", ez a két nyelv jelen esetben nem alternatívája egymásnak, inkább kiegészítik egymást.
A JavaScriptes ellenőrzésssel jóval gyorsabban tudjuk kliensoldalon csekkolni a beírt adatokat, amiket szerveroldalon is ellenőriznünk kell.
Ha melósnak találod a JavaScript-szintaktikát, javaslom a jQuery-t, könnyen elsajátítható, tanulható, és jóval rövidebb kódot eredményez.Sk8erPeter
-
jules1028
csendes tag
Sziasztok!
Nagyon kezdő vagyok JavaScriptben, ezért szeretnék egy kis segítséget kérni.
Szeretnék egy képcserélőt csinálni késleltetéssel, ami onmouseover eseményre működne, majd onmouse out-ra leállna. Fontos, hogy háttérképet szeretnék cserélni!
Még csak az onmouseover-rel próbálkozom, de az sem működik:
Próbálkoztam már többféleképpen, de nem ment sehogy.
Ez volt az utolsó próbálkozásom:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
#kep{
background-image:url(image.jpg);
height:100px;
width:100px;
}
</style>
<script type="text/javascript">
var image=new Array();
i=0;
image[0]='url("image00.jpg")';
image[1]='url("image01.jpg")';
image[2]='url("image02.jpg")';
image[3]='url("image03.jpg")';
function overimage(){
if (i<=3){
function idozites(){
ido=settimeout('idozites()',1000);
document.getElementById('kep').style.backgroundImage ='"'+image[i]+'"';
}
i=i+1;
}
}
</script>
</head>
<body>
<div id="kep" onmouseover="overimage()">
</div>
</body>
</html>Próbálkoztam növekményes, hátul és elöltesztelős ciklussal is, de egyikkel sem működött.
A function idozites() -t próbáltam több helyre is pakolni, de egyik megoldás sem vált be.
Próbálkoztam i=i+1; helyett i++ -szal is, de az sem segített.Előre is köszönöm a segítséget!
[ Szerkesztve ]