-
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
-
Sk8erPeter
nagyúr
Kicsit írd körül jobban, milyen módon jeleníted meg végül a kiírt szöveget!
document.write metódussal? innerHTML-lel?
A másik topicban azt írtad, ez a menüd már nagyjából működik, kiírja, amit szeretnél, csak a képet szeretnéd megjeleníteni a szöveg helyett, ez nem nehéz, de tudni kellene, hogy milyen módon jeleníted meg a tartalmat.Sk8erPeter
-
yolan
őstag
válasz Sk8erPeter #1701 üzenetére
innerHTML-t használok
Mit írjak még róla?
Legördül, végülis minden működik rendesen, már csak css-ben kéne dizájnolni, de előbb ezt szeretném megoldani.
Tehát a legördülő almenükben ne szöveg hanem kép jelenjen meg.“A writer needs a pen, an artist needs a brush, but a filmmaker needs an army.” - Orson Welles
-
Sk8erPeter
nagyúr
Hát akkor egyszerűen az "xxx"-et cseréld le, pl.
'xxx <img src="itt_a_keped.jpg" width="200" height="100" alt="..." /> itt a vége...'Ha jól oldottad meg, akkor ennek működnie kell.
Mellesleg ezt végül is nem tudom, minek JavaScripttel megoldani, dehát ízlések és pofonok különböznek.Sk8erPeter
-
yolan
őstag
válasz Sk8erPeter #1703 üzenetére
Noh, kicseréltem, de semmi
var legordulo={divclass:'legordulo', inlinestyle:'', linktarget:''}
legordulo.items=[
["<img src="kepek/girls_2.png" width="181" height="25">", "girls.html"],
["Boys Zone", "boys.html"],
["Respect", "respect.html"]
][ Szerkesztve ]
“A writer needs a pen, an artist needs a brush, but a filmmaker needs an army.” - Orson Welles
-
Sk8erPeter
nagyúr
Így persze, hogy nem működik, mivel az idézőjelek többszöri előfordulása miatt olyan, mintha már befejezted volna a szöveget...
Akartam is mondani, hogy az idézőjel vs. aposztróf különbségekre figyelj, de azt hittem, feltűnik, hogy direkt aposztróffal írtam a sajátomat.Na, tehát cseréld ki az <img> tag előtt és mögött lévő idézőjelet egy szimpla aposztrófra!
['<img src="kepek/girls_2.png" width="181" height="25">', "girls.html"],Sk8erPeter
-
yolan
őstag
válasz Sk8erPeter #1705 üzenetére
Ehh, ez fel sem tűnt..
Köszi szépen, így már működik. Még egy kis css faragás és tökéletes.Amúgy írtad miért js, te mivel csináltad volna?
“A writer needs a pen, an artist needs a brush, but a filmmaker needs an army.” - Orson Welles
-
Sk8erPeter
nagyúr
Öröm.
Valahogy úgy csináltam volna, hogy sima HTML-elemként létrehoztam volna a menüpontokat, majd a CSS display:none; tulajdonságával elrejtettem volna, és amikor szükséges (pl. egér fölévitelekor, kattintáskor, stb.), JavaScripttel megváltoztattam volna a stílust display:block;-ra. Vagy akár a CSS :hover pszeudoosztályával is lehet ilyet csinálni, hogy magát a tartalmat változtatod (content tulajdonság), habár ezzel a különböző animációkat nem igazán lehet megoldani, ahhoz ismét JavaScript szükséges, de bármi megoldható.
Talán utóbbi módszerekkel a Google is jobban tudja indexelni a menüpontokat.Sk8erPeter
-
Jim-Y
veterán
Sziasztok, prog.hu nem küldte ki a regisztrációs emailt szv itt teszem fel a kérdést:
javascript / HTML -ről van szó:
van egy következő iframeem:
<iframe name="chPageName" src="default.html" id="chPageFrame" scrolling="no" frameborder="0" height="270" width="340"></iframe> -> ennek most csak a teszt kedvéért van height és width értéke, ezeket 0-ra fogom állítani ,mert hiddenként fogom használni, ez egy external URL-re mutat. Le szeretném kérdezni scripttel az iframepage contentjét, kéne belőle a getElementsByTagName('td')... egy csomó helyen rákerestem de mindenhol vagy olyan megoldás volt ami a korábbi böngészőkön működött, vagy amit csak én nem tudtam megcsiálni kéne olyan megoldás ami a legújabb FF-on és IE-n is mükszik köszi -
KePeti
csendes tag
Remélem, jó helyre írok!
Az a problémám, hogy egy div innerHTML-jébe töltök be php-val (include) egy külső fájlt, és ha ez a fájl több soros, akkor nem működik. Ha egy soros, akkor teljesen rendben van.
Hogy lehet ezen segíteni?
A forráskód leegyszerűsíte:function createDiv(menupont) {
...
switch (menupont) {
case 'galeria' : divTag.innerHTML = "<? include('galeria.html'); ?>"; break;
case 'linkek' : divTag.innerHTML = "<? include('linkek.html'); ?>"; break;
}
}<body>
<a href="#" onMouseOver="createDiv('galeria')">Galéria</a>
<a href="#" onMouseOver="createDiv('linkek')">Linkek</a>
</body>Köszönöm!
-
tildy
nagyúr
Talalkozott mar valaki jquery <-> prototype osszeferhetetlenseggel?
"Tartsd magad távol azoktól, akik le akarják törni az ambíciódat! A "kis" emberek mindig ezt teszik, de a nagyok éreztetik veled, hogy te is naggyá válhatsz" - Mark Twain
-
firewolf
tag
Üdv mindenkinek!
Sajnos nem értek javascriptül és gondom akadt egy képléptető beillesztésénél.
A problémám az, hogy nem tudom megoldani azt, hogy a képléptetőhöz tartozó gombok ne a kép alatt legyenek hanem mellete.
A html-t értem, de itt a táblázat valahogy bele van írva a javascript kódba és nem tudom kibogozni
Ha valaki tud segíteni pls írjon!
A problémás html fájl: [link]
és a hozzá tartozó javascript fájl: [link] -
Sk8erPeter
nagyúr
"ennek most csak a teszt kedvéért van height és width értéke, ezeket 0-ra fogom állítani , mert hiddenként fogom használni"
Ez rossz megoldás lenne.
Inkább állítsd a CSS-tulajdonságával display:none;-ra, és el van tüntetve.
Példa:
document.getElementById("iframe_neve").style.display="none";Az általad kérdezett konkrét példát én így oldanám meg egyszerűen (kipróbáltam, nálam elég jól működik egy egyszerű táblázat sorai tartalmának lekérdezésére):
ezt pakold be a HTML-dokumentumod <head> részébe:<script type="text/javascript">
function iframe_td(iframe_neve){
var get_iframe=document.getElementById(iframe_neve);
var get_tds = get_iframe.contentWindow.document.getElementsByTagName("td");
var ide_ird=document.getElementById("ide_ird");
for(var i=0;i<get_tds.length;i++)
ide_ird.innerHTML+=get_tds[i].innerHTML;
}
</script>Használni pedig úgy tudod, hogy mondjuk van egy gombod (itt "blabla" néven), amivel meghívod a függvényt, és van egy HTML-elemed (pl. egy <div>), aminek az azonosítója (id) "ide_ird", valamint természetesen maga az iframe, aminek az azonosítója itt "egy_iframe":
...
<!-- ez maga az iframe -->
<iframe src="table.html" id="egy_iframe"></iframe>
...
<!-- ezzel a gombbal hívod meg a függvényt: -->
<input type="button" value="blabla" onclick="iframe_td('egy_iframe');" />
...
<!-- ide fogja írni az eredményt -->
<div id="ide_ird"></div>Remélem így tiszta, ha valami nem világos, kérdezz nyugodtan.
[ Szerkesztve ]
Sk8erPeter
-
raczger
őstag
[link]
Próbálkozok egy ajaxos fájlfeltöltőt csinálni, de már alapvető problémákba ütköztem, egyszerűen nem jövök rá mi a baja... Máshol működött nekem ez a kód, de itt nem.
firebug nekem semmi hibát nem ír ki, viszont az ie azt írja, hogy az objektumot kötelező megadni (ajax.js 60. sorára írja ezt). Valami ötlet?www.movat.hu - http://bit.ly/2mIziA4
-
Sk8erPeter
nagyúr
Hali!
Azért nem működik, mert így több sorba bontja a forráskódot is, stringeknél ez pedig csak úgy működik, ha a sorok végére teszel egy \-t.
A Te megoldásod helyett én így csinálnám meg, kipróbáltam, és tök jól működik (ahogy szeretnéd is):
formázva pakold bele egy stringbe a tartalmat, úgy, hogy a sortörés karaktert ('\n') átalakítod <br /> sortöréssé:function createDiv(menupont) {
//...
var divTag=document.getElementById("divTag");
switch (menupont)
{
case 'galeria' :
var string_to_print = '<?php echo strtr( file_get_contents('galeria.html'), array("\n" => "<br />") ); ?>';
divTag.innerHTML=string_to_print;
break;
case 'linkek' :
var string_to_print = '<?php echo strtr( file_get_contents('linkek.html'), array("\n" => "<br />") ); ?>';
divTag.innerHTML=string_to_print;
break;
//...
}
}Sk8erPeter
-
Sk8erPeter
nagyúr
válasz firewolf #1711 üzenetére
A linkelt javascript-fájlban ott van a megfelelő sor:
if(!this.ics&&!this.no_c)
document.write('<div align="center"><input id="prev'+this.issid+'" disabled type="button" value=" << " onclick="iss['+this.issid+'].changeimg(false, \'nav\');">\n'+
(this.no_auto? ' ' : ' <input id="gostp'+this.issid+'" type="button" value=" Stop " onclick="iss['+this.issid+'].gostop(this);">\n')+
' <input id="next'+this.issid+'" disabled type="button" value=" >> " onclick="iss['+this.issid+'].changeimg(true, \'nav\');">'+(this.jumpto? brs+'Jump to: <input disabled type="text" size="'+this.imgs.length.toString().length+'" id="goto'+this.issid+'" onkeydown="iss['+this.issid+'].jumper(event);"><input id="go'+this.issid+'" disabled type="button" onclick="iss['+this.issid+'].jumper();" value="GO">' : '')+'<\/div>')
...erre keress rá.
Aztán megoldhatod úgy, h a <div align="center">-hez beteszel azonosítót,
pl. így: <div align="center" id="lepteto">
Utána meg CSS-sel adod meg a helyét:
#lepteto{
/* ... */
}Hogy ehhez mennyire értesz, az nem derült ki.
De egy kis gányolással is megoldhatod, pl.:
a <div align="center">-t lecseréled ilyenre:
<div style="float:right; position:absolute; top: 10px; right:330px;">Vagy belerakod az egész képnézegetőt egy táblázatba, és a jobb oldali cellába rakod bele a <div>-et, és még sorolhatnám, számtalan megoldás van.
Sk8erPeter
-
scott_free
senior tag
hali,
találtam egy jónak tűnő kapcsolati formát:
jQuery ajaxContactForm plugincsak azt nem tudom, hogyan kellene megadni azt, hogy a beírt adatokat egy adott email-címre küldje el?
-
Jim-Y
veterán
válasz Sk8erPeter #1712 üzenetére
Köszi csak első felindulásból irtam be mindenhová Amit írtál azt otthon kipróbálom majd, btw egy egyéb js kérdés:
az oldalamon már használtam egy objecten a .click() metódust, de ez folyamatosan klikkelt, nekem olyan kéne ami csak egyet klikkel. Nem próbáltam még ki -bár rekerestem referenciában, hogy a .click() nek milyen argumentumai lehetnek, de nem találtam semmit- de esetleg igy?: myObject.click(1) , vagy myObject.click(1000) ? setTimeout-tal is próbálkoztam, de szerintem ez sem oldaná meg a problémám, mivel ez nem arra való, hogy egy darab klikket reprezentáljunk:/ Ami t.k a megoldandó feladat lenne, hogy greasemonkey-val egy oldalon egy Objectté konvertált képen? (nem emlékszem), mondjuk 5 percenként klikkeljünk egyet... köszi a segítséget
-
HUNNIA1920
őstag
Sziasztok!
Tudna nekem valaki segiteni azonnal? Egy feladatot kene megcsinaljak 2 oran belul. A feladat egy kartyapakli lenne, amiben keverni kell tudni.
Itt van egy .gif rola, hogy hogy is nezzen ki: itt.
Surgos lenne!
Koszonom elore is!"Amit a szem lát és a fül hall, azt az agy elhiszi."
-
tildy
nagyúr
Egeszen pontosan arrol van szo, hogy prototype-os resszel oldom meg a designos lenyilo selectboxokat, de belerondit a jquery, ugyanis van egy olyan divem , aminek a tartalmat meg az csereli (konkretan a dekvery adress reszt ) , es ha noconflictozok, akkor nem designso a selectbox, ha nicns prototype , szinten nem, de ha a jqueryt kiszedem, akkor a selectboxra nem csereli automatikusan alatta a div tartalmat...
otlet?"Tartsd magad távol azoktól, akik le akarják törni az ambíciódat! A "kis" emberek mindig ezt teszik, de a nagyok éreztetik veled, hogy te is naggyá válhatsz" - Mark Twain
-
Sk8erPeter
nagyúr
válasz HUNNIA1920 #1719 üzenetére
Sajnos most nem nagyon van időm megcsinálni, de esetleg innen ötletet meríthetnél, ez egy puzzle, amiben tili-tolizza az elemeket, nálad annyi lenne a különbség, hogy random módon határoznád meg az elemek pozícióját: [link], itt a .js: [link], ezenbelül többek közt a function set(id), ami felel a tologatásért, Te használd a Math.random() függvényt, ahogy itt látható: [link]
Esetleg még az is megoldható, hogy ha a kártyalapokhoz különböző képek tartoznak, és azt úgyis el kell tárolni, akkor olyan többdimenziós tömbbe pakolni, ahol az egyik elem a kép elérési útja, másik az aktuális pozíció (ha meg kell jegyezni a kártya pozícióját). Rengeteg megoldás létezik.Sk8erPeter
-
HUNNIA1920
őstag
válasz Sk8erPeter #1721 üzenetére
Ertem, azert koszi.
Sajnos a temaban nem vagyok otthon, viszont a suliba most ezt a feladatot adtak, aztan kene hozza egy megoldas."Amit a szem lát és a fül hall, azt az agy elhiszi."
-
HUNNIA1920
őstag
Nos megvalaki?
Egy egyszerubb megoldas is megteszi, csak a gombnyomasra keverje a progi a lapokat, ennyi lenne."Amit a szem lát és a fül hall, azt az agy elhiszi."
-
tildy
nagyúr
Ujabb kerdes.
Selectbox , vegig cimekkel .
Hogy oldanatok meg azt, hogy ha az elso van kivalasztva, akkor aa selectbox alatti div az ne legyen lathato, ha barmelyik masik, akkor igen?"Tartsd magad távol azoktól, akik le akarják törni az ambíciódat! A "kis" emberek mindig ezt teszik, de a nagyok éreztetik veled, hogy te is naggyá válhatsz" - Mark Twain
-
tildy
nagyúr
<script type="text/javascript">
function selectDelivery() {
hideMe('info');
}
function hideMe (it) {
if (addresslinks[$("#deliveryAddressSelect").val()]=="blank"){
var vis = "none";
}
else
{
location.href = addresslinks[$("#deliveryAddressSelect").val()];
var vis="block";
}
document.getElementById(it).style.display = vis;
}
</script>
<form onsubmit="">
<div class="formRow">
<div style="position:relative;">
<select id="deliveryAddressSelect" style="width: 190px" onchange="selectDelivery()">
<option value="blank" >Select a delivery address</option>
<option value="0" >Billing Address</option>
</select>
</div>
</div>
</form><br/><br/>
<div id="info" style="">
....
</div>Itt a kodom....
[ Szerkesztve ]
"Tartsd magad távol azoktól, akik le akarják törni az ambíciódat! A "kis" emberek mindig ezt teszik, de a nagyok éreztetik veled, hogy te is naggyá válhatsz" - Mark Twain
-
Sk8erPeter
nagyúr
Én így oldanám meg az általad használt nevekkel:
A selectnél onchange="check(this)":
<select ... onchange="check(this)">A függvény pedig:
function check(stuff){
var selected=stuff.selectedIndex;
if(selected==1){
document.getElementById('info').style.display = 'none';
}
else{
document.getElementById('info').style.display = 'block';
}
}Sk8erPeter
-
8nemesis8
veterán
Sziasztok!
A kérdésem:
Van nekem egy vásárlások rész az adott oldalon. Ekkor felugró ablak rákérdez,hogy tényleg meg akarja e vanni, ha nem akkor marad a vásárlásnál, ha igen akkor pedig a kiválasztott termék TermékIDját (TID) szeretném tovább vinni feldolgozás miatt.
Az adatok a listázáskor oracle adatbázisból jönnek és a TID-t egy hidden typusú mezőbe teszem aminek oci_fetch_array ad értéket, amikor bejárja a tömböt.
Az a gondom, hogy jsel amikor továbbviszem az értéket mindig 1lesz az értéke és nem tudom miért.
A feldolgozás oldalonj le tudom kérni $_GET['TID'] val , de minden esetben 1et ír ki.Kód:
Header részbe beszúrva:
<script type="text/javascript">
function raKerdez(){
if (confirm('Biztosan meg akarja venni a kiválasztott terméket??')){
nevmezo = document.getElementById("TID").value;
window.location="vasarlas_feldolg.php?TID="+nevmezo
}
}
</script>A mező ami nem képes értéket átadni:
"<input type=\"hidden\" id=\"TID\" value=\"".$eredmeny['TID']."\" />".
"<input type=\"button\" value=\"Vásárlás\" onclick=\"raKerdez()\"/>".Remélem tudtok segíteni, nagyon fontos lenne.
Előre is köszi. -
8nemesis8
veterán
válasz 8nemesis8 #1727 üzenetére
A probléma meg lett oldva, segítséggel.
De akit érdekel a megoldás, annyi, hogy a button mezőnél, ahol meghívjuk a javascriptet ott a függvénynek paraméterben kell átadni amit lekértem adatot és ezt a paraméter fűzzük hozzá az urlhez, amit később getel le tudunk kérdezni.
-
Quwick
csendes tag
Sziasztok!
A segítségeteket szeretném kérni, egy feltételes átirányító sciptel kapcsolatban!
Hozzáteszem a készítéshez nem nagyon értek, csak pötyögöm!A lényege, hogy ha a http://avatar.php oldalon megtalálható a http://image/nophoto.png kép, akkor a http://nemteljesul.php oldalra irányítson át, ha nincs ott a kép, akkor a http://teljesul.php oldalra irányítson!
Lehetséges ez?
Köszönöm előre is! -
Azazello-
senior tag
sziasztok, szegtseg kellene egy "alap" feladat megoldasahoz:
a nev beirasa utan a radiobutton segitsegevel ha a numbers-re kattintunk, ki kellene, hogy adja a nevekhez tartozo telefonszamokat. eddig jutottam el. valaki segitene befejezni?
koszonom elore is!
// JavaScript Document
var names = new Array();
names["3453 456546 787"] = "shiela";
names["2311 345455 335"] = "Gerard";
names["8786 578575 555"] = "David";
var numbers = nev Array();
numbers["Shiela"] = "3453 456546 787";
numbers["Gerard"] = "2311 345455 335";
numbers["David"] = "8786 578575 555";
var value = document.getElementById("names").value;
for (i=0;i<names.lenght;i++)
{
document.write(names[i] + "<br />");
}
for (i=0;i<numbers.length;i++)
}
document.write(numbers[i] + "<br />");
}
function getNumber(){
var x= document.getElementById("name_number");
document.write(numbers[i] + "<br />");
}
function getNames(){
var x= document.getElementById("number_name");
document.write(names[i] + "<br />");
}<!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=iso-8859-1" />
<title>Numbers</title>
<link href="numbers.css" rel="stylesheet" type="text/css" />
<script src="scripts/numbers.js" type="text/javacript"></script>
</head>
<body>
<div id="top_container">
<input type="text" name="text_imput" />
</div>
<div id="middle_container1">
<input type="radio" onselect="getNumber()" id="name_number" name="name_number">Names</input>
</div>
<div id="middle_container2">
<input type="radio" onselect="getName()" id="number_name" name="number_name">Numbers</input>
</div>
<div id="bottom_container">
<input type="text" readonly="" name="text_output"/>
</div>
</body>
</html>/*CSS doc*/
#top_container {
width:300px;
background-color:#666660;
border: #000099 1px solid;
}
#middle_container1 {
width:300px;
background-color:#666666;
border: #000099 1px solid;
}
#middle_container2 {
width:300px;
background-color:#666666;
border: #000099 1px solid;
}
#bottom_container {
width:300px;
background-color:#666660;
border: #000099 1px solid;
}Egy jó nőt meghódítani, és nem elmesélni olyan, mint titokban átúszni a Csendes-óceánt.
-
Sk8erPeter
nagyúr
válasz Azazello- #1730 üzenetére
Hali!
A readonly attribútum XHTML-ben helyesen így néz ki (a readonly="" helyett):
readonly="readonly"
w3schools: HTML <input> readonly Attribute</input>
Ez a lezárás helytelen, magában az input elemben kell odatenni a lezárást, korábban jól írtad:
<input ... />for (i=0;i<names.lenght;i++)
lenght -> length
nem mindegy...getNames() a függvény neve, Te meg getName() névvel hívod meg...
A radio elemeknél legyen a name attribútum azonos, hogy ne lehessen mindkettőt kiválasztani, hanem közülük kelljen az egyiket választani.
Ezenkívül nem kell külön div-be rakni, gondolom nem célod elválasztani őket. Nem is ajánlott, mert abból csak problémáid lehetnek.
Az onselect esemény itt helytelen, ugyanis az a következő elemekre használható:
<input type="text">, <textarea>
Legyen helyette inkább onclick.
példa (getName, getNumber fv.nevekkel):
<div id="middle_container">
<input type="radio" onclick="getName();" id="name_number" name="name_or_number" />Names<br />
<input type="radio" onclick="getNumber();" id="number_name" name="name_or_number" />Numbers
</div>Ezenkívül számomra nem túl logikus, hogy pont a Names mezőnél getNumber(); függvényt hívsz, amikor ott gondolom épp a névre vagy kíváncsi, a Numbers résznél meg getNames() függvényt szeretnél hívni - ami mellesleg rosszul van megírva.
function getNumber(){
var x= document.getElementById("name_number");
document.write(numbers[i] + "<br />");
}Nem értem, mit akartál ezzel a függvénnyel, konkrétan semmi értelme. Ugyanis numbers-nek mi az i-edik eleme? Te asszociatív tömböt használsz, pl. nincs olyan, hogy numbers[4], mivel csak sztringekkel éred el az elemeidet, pl. numbers["Shiela"]
var numbers = nev Array();
nev? helyette inkább new...text_imput
-> text_input
Ezeket az elírásokat talán átnézhetted volna, mielőtt írsz a topicba...Azt sem értem, egyáltalán a szövegmezőbe beírtakat hogyan akarod elérni, ha semmi ilyen nincs a kódodban...
Na, a lényeg, hogy készítettem egy jól működő változatot (kipróbáltam):
<!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=iso-8859-1" />
<title>Numbers</title>
<!-- JS -->
<script type="text/javascript">
<!--
var phonebook = new Array();
phonebook["Shiela"] = "3453 456546 787";
phonebook["Gerard"] = "2311 345455 335";
phonebook["David"] = "8786 578575 555";
function getData(what){
var text_input=document.getElementById("text_input").value;
var text_output=document.getElementById("text_output");
var found=0;
for(var name in phonebook){
var number=phonebook[name];
if(what==null || what=="number"){ //ha nem adtunk meg paramétert (vagy number-t adtunk meg), akkor alapértelmezettként a névhez tartozó számot fogja kiírni
if(name==text_input){
text_output.value=number; //szám kiírása
found++; //találtunk
break; //felesleges továbbmenni
}
}
else{ //egyébként (ha bármilyen egyéb paramétert megadtunk) a számhoz tartozó nevet fogja kiírni
if(number==text_input){
text_output.value=name; //név kiírása
found++; //találtunk
break; //felesleges továbbmenni
}
}
}
if(found==0){ //ha nincs találat
text_output.value=(what==null || what=="number")?"Nincs ilyen név a telefonkönyvben.":"Nincs ilyen szám a telefonkönyvben.";
}
}
// -->
</script>
</head>
<body>
Feladat: "a nev beirasa utan a radiobutton segitsegevel ha a numbers-re kattintunk, ki kellene, hogy adja a nevekhez tartozo telefonszamokat."
<div id="top_container">
<input type="text" name="text_input" id="text_input" />
</div>
<div id="middle_container">
<input type="radio" onclick="getData('name');" id="name_number" name="name_or_number" />Names<br />
<input type="radio" onclick="getData('number');" id="number_name" name="name_or_number" />Numbers
</div>
<div id="bottom_container">
<input type="text" readonly="readonly" name="text_output" id="text_output" />
</div>
</body>
</html>A CSS-részt kiszedtem, az most úgysem lényeges.
Remélem megfelel.
[ Szerkesztve ]
Sk8erPeter
-
Azazello-
senior tag
válasz Sk8erPeter #1731 üzenetére
nagyon szepen koszonom a segitseget.
amit alkottunk, azt harman hoztuk ossze tanari segitseg nelkul egy ora alatt, es reszben masolasi hiba lehet az eliras resze. amikor rakerdeztunk a tanartol, azt allitotta, hogy amit csinalunk az jo lesz... sajna egyikunknek sem megy a javacsript.
koszi megegyszer!
Egy jó nőt meghódítani, és nem elmesélni olyan, mint titokban átúszni a Csendes-óceánt.
-
Male
nagyúr
Remélem tudtok segíteni... előzetesen: egyáltalán nem értek a JavaScripthez, a w3cschoolról szedtem le az egyik mintát, azt írtam át kicsit, hogy nekem jó legyen.
Amit csinálok: egy selectnél ha kiválaszt valamit a felhasználó, akkor mellette megjelenik a másik select a kiválasztottnak megfelelően, aztán ha ott is választ, akkor a harmadik. Ehhez a select tagnél az "onchange"-et használom, ez hívja meg a scriptet. Ez alapvetően működik is szépen, viszont előfordul, hogy eleve úgy kell kitennem az oldalt, hogy már mindhárom select látszik és ki is van választva valami. Naívan azt hittem, hogy ilyenkor egyszerűen meghívom kétszer a scripetem, ahogy az onchange tenné, és kész is.. de sajnos nem megy, mindig csak a másodiknak az eredménye jelenik meg (ha felcserélem, akkor is a második működik).
Mi lehet a gond? Nem lehet kétszer meghívni ugyan azt a függvényt???
Tehát ezt csinálom amiből valamiért csak a második jelenik meg az oldalon:
<script type="text/javascript">
showSelects('3','fo','4','kepes4_al','3');
showSelects('3','al','4','kepes4_szint','3');
</script>A 4 paraméter:
- Mi van az adott selectben kiválasztva éppen
- Al vagy fő kategória az adott select
- Hányadik select blokk
- A span id-je, ahová majd teszi a kimenetet (vagyis a köv. selectet)
- A következő selectben mi van előre kiválasztvaA scriptem pedig:
<script type="text/javascript">
function showSelects(kivalasztott,mi,sorszam,hova,kov_preselect)
{
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById(hova).innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","adataim_2_selectekhez.php?kivalasztott="+kivalasztott+"&mi="+mi+"&sorszam="+sorszam+"&preselect="+kov_preselect,true);
xmlhttp.send();
}
</script>[ Szerkesztve ]
-
Male
nagyúr
Megoldottam... de valaki ezt magyarázza meg nekem, mert nem bírom felfogni...
Tehát ehelyett:
<script type="text/javascript">
showSelects('3','fo','4','kepes4_al','3');
showSelects('3','al','4','kepes4_szint','3');
</script>Ezt használva:
<script type="text/javascript">
showSelects('3','fo','4','kepes4_al','3');
var t=setTimeout("showSelects('3','al','4','kepes4_szint','3')",0);
</script>...tökéletesen működik...
Tehát 0 ezredmásodpercig váratom, és akkor jól megy... mégis mi a fenét befolyásol ez??? -
shev7
veterán
azert mukodik igy, mert ha timeout-ot hivsz akkor a kovetkezo tortenik:
a hivas bekerul egy hivasi sorba, es akkor kerul meghivasra, ha az ido lejart, es eppen semmi nem fut (javascripted egy szalon fut). Ebben az esetben ez azt eredmenyezi, hogy a fuggvenyed masodszor akkor hivodik meg amikor az elso mar biztosan befejezodott, igy nem tudnak osszeakadni.
''Gee, Brain, what do you want to do tonight?'' ''The same thing we do every night, Pinky: Try to take over the world!''
-
Male
nagyúr
Köszi, közben tapasztalom is amit írsz... ha valamiért az egyik lassabban végez (a php-ba ami kiprinteli a következő selectet betettem egy sleep-et előre, szimulálandó ezt a dolgot), akkor összekavarodnak a válaszok
Hogy lehet akkor ezt biztosan megkerülni? Valahová gondolom kéne egy utasítás, ami megvárja a választ... de hová, és mi az?
-
Male
nagyúr
Közben gugliztam tovább, találtam egy megoldást, csak ez meg lassú...
xmlhttp.open("GET","adataim_2_selectekhez.php?kivalasztott="+kivalasztott+"&mi="+mi+"&sorszam="+sorszam+"&preselect="+kov_preselect,false);
Így megvárja mindig a szerver válaszát... kérdés, hogy van e ennél jobb módszer? Illetve hogy ez 100%-os e...
[ Szerkesztve ]
-
shev7
veterán
ez nem jo, mert az asyncron hivast szinkronna teszi. Ajax-nak pont az async a lenyege. igy a weboldalad blokkol amig nem kap vissza valaszt a szervertol, amit te nem akarsz.
A legjobb, hogy ha annak a div-nek az id-jet is felkuldod a szervernek amit updatelni akarsz, es a response-ban visszakuldod.
''Gee, Brain, what do you want to do tonight?'' ''The same thing we do every night, Pinky: Try to take over the world!''
-
Male
nagyúr
Végülis blokkolnia is kell, mert a következő selectben addig úgyse tudna mit csinálni... hiszen nem jelenik meg. Vagy akkor is gond? (a többi felhasználóra nem hat, nem???)
Az id-t elküldöm még oké... beteszem ebbe:
xmlhttp.open("GET","adataim_2_selectekhez.php?kivalasztott="+kivalasztott+"&mi="+mi+"&sorszam="+sorszam+"&preselect="+kov_preselect+"&id="+hova,false);...de hogy küldöm vissza és hogy használom fel? Mit kell hozzá máshogy csinálnom?
Most az 'adataim_2_selectekhez.php' egyszerűen kiprinteli a megfelelő selectet.
[ Szerkesztve ]
-
shev7
veterán
akkor erre rosszul emlekeztem, de vegul is van benne racio. Akkor a fabaltas modszer az, hogy a resonse text elejehez hozzafuzod a felkuldott idt, es levagod mikor visszakapod.
Van meg par megoldas, de talan ez a legegyszerubb...
''Gee, Brain, what do you want to do tonight?'' ''The same thing we do every night, Pinky: Try to take over the world!''
-
Male
nagyúr
Hmmm... azthiszem sejtem hogyan... és akkor nem a hívásnál kapott paraméterből, hanem a kapott válaszból veszem, hogy hová is kell tenni az adott adatot az oldalon, ami tényleg kiküszöböli a zavart.
(Most kicsit túlléptem ezen, mert a szinkron átvitellel működik, és sok más rész van amit még meg kell oldanom... aztán visszatérek és kipróbálom ezt a dolgot)
-
tildy
nagyúr
Sziasztok,
van egy selectboxom, ami tokeletesen átdob másik oldalra onchange eventtel .<select id="resultsperpagetop" name="resultsperpagetop" onchange="window.location=this[this.selectedIndex].value;">
<option value="/control/category/~category_id=10112/~VIEW_SIZE=12" selected>12 results per page</option>
<option value="/control/category/~category_id=10112/~VIEW_SIZE=16">16 results per page</option>
<option value="/control/category/~category_id=10112/~VIEW_SIZE=20">20 results per page</option>
<option value="/control/category/~category_id=10112/~VIEW_SIZE=24">24 results per page</option>
</select>Viszont ha jqueryvel probálom (designos selectbox) ,akkor mindig csak a 12-es darabszámúra dob at. Miert?
Itt pedig a jquery kod...
<script type="text/javascript">
$(document).ready(function() {
$('#resultsperpagetop').selectbox({
inputClass: 'selectbox1'
});
$('#resultsperpagebottom').selectbox({
inputClass: 'selectbox1'
});
$('#resultsperpagetop').change(function(){
if ( $('#resultsperpagetop').val() != '') {
location.href = $('#resultsperpagetop').val();
} });
});
</script>"Tartsd magad távol azoktól, akik le akarják törni az ambíciódat! A "kis" emberek mindig ezt teszik, de a nagyok éreztetik veled, hogy te is naggyá válhatsz" - Mark Twain
-
tildy
nagyúr
Probaltam igy is:
onchange: onchange="submitSortForm()"
<script type="text/javascript">
<!--
function submitSortForm() {
var selObj = document.getElementById('resultsperpagetop');
var selIndex = selObj.selectedIndex;
var urlValue = selObj.options[selIndex].value;
alert(urlValue);
window.location =urlValue;
}
-->
</script>igy is mindig a 12 adodna at. Alertben is figyelem....
"Tartsd magad távol azoktól, akik le akarják törni az ambíciódat! A "kis" emberek mindig ezt teszik, de a nagyok éreztetik veled, hogy te is naggyá válhatsz" - Mark Twain
-
tildy
nagyúr
Aki selectbozbozik , figyeljen nagyon erre: NEM LEHET ALULVONAS a VALUE-ban.
Kulonben nem mukodik a selectbox.
I noticed in a previous release, other folks had mentioned that option values with an underscore _ in them do not work with this plugin. It still has not been fixed. Any ideas on how to fix this?
[ Szerkesztve ]
"Tartsd magad távol azoktól, akik le akarják törni az ambíciódat! A "kis" emberek mindig ezt teszik, de a nagyok éreztetik veled, hogy te is naggyá válhatsz" - Mark Twain
-
toshiba300
tag
sziasztok! segítségre lenne szükségem!
a feladat: csak php scriptek és html kódok segítségével:
1. ablak: Titok megadása.
megadok egy titkot és egy jelszót egy-egy imput mezőbe és rákattintok az Őrizd meg gombra, ezután File-ban tárolja az adatokat.2.ablak: jelszó kérése
Kérem a jelszót! figyelmeztetés, input mező, ellenőrzés gomb, ezután jön a 3. ablak3.ablak: 2 alternatíva: "a titkod": (kiírja az előzőleg megadott titkot) vagy "nem tudod tudod a jelszót, nem mondok semmit!
előre is köszönöm a gyors segítséget
-
Speeedfire
nagyúr
üdv!
Létezik olyan kész függvény vagy program amivel url-esíteni/angolosítani (nem tudom, hogy kellene ezt helyesen leírni) lehet egy megadott stringet?
php alatt megtudnám oldani, de ha lehet akkor inkább kliens oldalon intézném ezt el, így a servernek már csak a kész infot kellene eltárolnia.Konkrétan ilyesmire gondolok:
eredeti string:
Ezen az oldalon, sok hasznos fórumozó van, így mindenre van megoldás
átalakított:
ezen-az-oldalon-sok-hasznos-forumozo-van-igy-mindenre-van-megoldasSpeeed
Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
shev7
veterán
válasz Speeedfire #1749 üzenetére
az escape fuggveny veszteseg nelkul megcsinalja neked. Unescape pedig visszaalakitja.
''Gee, Brain, what do you want to do tonight?'' ''The same thing we do every night, Pinky: Try to take over the world!''