ugrás a tartalomhoz

Archívum - Már 2011

március 25

jQuery setTimeout $(this)

PaksaTomi · 2011. Már. 25. (P), 17.22
Sziasztok!

jQuery-ben egy hasonló dolgot szeretnék csinálni, mint a .bind() azzal a különbséggel, hogy a lefutó függvény késleltetéssel induljon.
Meg is csináltam, és működik is, egy apró hibával, amit jó lenne kiküszöbölni:
Mégpedig, hogy a callback függvényben a $(this) nem az elem a $(window) objektumot adja vissza.

Tehát konkrétan az alábbi kódban az a problémám, hogy a $this != $$, és így az eventHandler függvényben a $(this) = $(window).

Tudnátok segíteni ebben?

Köszönettel:
Paksa Tomi


;(function($){
  $.fn.bindDelay = function(eventType, eventHandler) {
    return $(this).each(function() {
      var $this = $(this);
      $(this).bind(eventType, function(eventObj) {
        var $this = $(this);
        window.setTimeout(function() {
          var $$ = $(this);
          eventHandler(eventObj);
        }, 500);
      });
    });
  };
})(jQuery);
 ■

A modern webes megoldások hatásai a UI tervezésre

Török Gábor · 2011. Már. 25. (P), 14.11
Szabó Balázs előadása április 5-én a Docler Akadémián
 ■

Menükódolás

makezdtem · 2011. Már. 25. (P), 10.55
Sziasztok!
Egy kérdésem lenne!
Hogyan tudnám azt megcsinálni, hogy egy menübelépéshez kódot kérjek!
Egy fix kód elég a menühöz, ha valaki beírja behozza azt a html fájlt!
Segítségeteket előre is köszönöm!
Tisztelettel: Gera Zoltán!
 ■

március 25

Vitaindító: vissza az alapokhoz!

saxus · 2011. Már. 24. (Cs), 23.58
Mivel mostanság egyre többször előjönnek a DI, Singleton, Multiton, Unit Testing, TDD stb. buzzwordok és társaik kérdés, és ismerősök is egyre többször kérdezgetnek ez ügyben, gondoltam feldobok egy újabb témát vitaindító jelleggel.

Using HTML5 semantic elements today

Joó Ádám · 2011. Már. 24. (Cs), 22.54
Milyen trükkel lássunk hozzá a HTML5 új elemeinek használatához
 ■

How to Choose a Typeface

Joó Ádám · 2011. Már. 24. (Cs), 22.50
Szempontok szedéshez
 ■

Create CSS from input HTML code

Anonymous · 2011. Már. 24. (Cs), 21.55
CSS kód generálás HTML alapján
 ■

set_time_limit() has been disabled hiba

benoke · 2011. Már. 24. (Cs), 16.08
hiba:
Warning: set_time_limit() has been disabled for security reasons in /home/a7966888/public_html/include/cleanup.php on line 8

A 8sor tartalma: set_time_limit(0);

Köszi.
 ■

onclick hidden mező értékadás

gyetvang · 2011. Már. 24. (Cs), 14.39
Sziasztok, kérem segítsetek.
Adott egy DIV onclick eseménnyel.
Alapvető probléma, hogy egy rejtett hiddennek kell értéket adnom.
A javascript eldönti, hogy van-e a hiddennek értéke. Ha nincs a javascript belevarázsol 3 gombot a DIV-be. HA lenyomja a felhasználó akkor beíródik helyesen az érték a hidden-be, és még ebben a függvényben el is rejtem a gombokat.
És az a bajom, hogy mikor a gombra ráklikkelek, újra meghívódik a div onclick eseménye (lefut a sulyAblakNyit függvény, és megint kegjeleníti a gombokat :( MIért? a sulyAblakCreate onLoad-ban hívódik meg. PHP-ből kapja a 

<DIV id="sulyAblak" onclick="sulyAblakNyit()"></DIV>
Forrás kód:

var KOCSI_SULY=[3.2,7.2,24];	 

function sulyAblakCreate() {
	 
	divTag=document.getElementById('sulyDiv');
	var gomb;
	for(i=0;i<KOCSI_SULY.length; i++) {
	 gomb=document.createElement("input");
	 gomb.type="button";
	 gomb.value=KOCSI_SULY[i]+" t";
	 gomb.id=KOCSI_SULY[i];
	 gomb.style.backgroundColor="#283d58";
	 gomb.style.height="30px";
	 gomb.style.width="60px";
	 gomb.style.color="white";
	 gomb.style.fontSize="16";
	 gomb.style.padding="5px";
	 gomb.style.marginLeft="5px";
	 gomb.style.border="2px white outset";
	 divTag.appendChild(gomb);
	}
	document.getElementById('3.2').onclick=function() {sulyTarol('3200');};	
	document.getElementById('7.2').onclick=function() {sulyTarol('7200');};	
	document.getElementById('24').onclick=function() {sulyTarol('24000');};	
	return false;
	}	
function sulyAblakNyit(honnan){
	obj=document.getElementById('sulyDiv').childNodes;
	if (obj.length>1) {
		for (i=0;i<KOCSI_SULY.length;i++){
			t=document.getElementById(KOCSI_SULY[i]);
			t.style.display='inline';
			}
		}
	else
		sulyAblakCreate();
	return false;	
	}
	
function sulyTarol(suly) {
	alert(suly);
	for (i=0;i<KOCSI_SULY.length;i++){
		document.getElementById(KOCSI_SULY[i]).style.display='none';
		}
	return false;	
	}
 ■

március 24

Div-be töltés két select esetén

cserkesz1 · 2011. Már. 23. (Sze), 22.03
Sziasztok, egy másik topic alatt felvetettem ezt a kérdést, de nem tartozott oda, emiatt indítottam új témaként, ha nem baj.
Poetro küldött nekem egy jó kódot, amiben annyit szeretnék még változtatni, hogy több form select esetén is betöltse a tartalmat egy div-be.
Jelen állapotban csak az első form működik.

A kód, amibe bután belenyúltam, és szeretném működőképessé tenni a következő:

[colorer=html]
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Page Title</title>
</head>
<body bgcolor="000000">
<form method="get" action="#">
<select name="egyik" id="speedA" >
<option value="első">első tartalom</option>
<option value="második">második tartalom</option>
<option value="harmadik">harmadik tartalom</option>
</select>
</form>

<form method="get" action="#">
<select name="masik" id="speedA2" >
<option value="negyedik">negyedik tartalom</option>
<option value=ötödik">ötödik tartalom</option>
<option value="hatodik">hatodik tartalom</option>
</select>
</form>
<div id="idetoltibe"></div>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/mootools/1.3.1/
mootools-yui-compressed.js"></script>
<script type="text/javascript">
var target = $('idetoltibe');
files = {
'első' : 'tartalom.html',
'második': 'tartalom2.html',
'harmadik': 'tartalom3.html',
'negyedik' : 'tartalom4.html',
'ötödik': 'tartalom5.html',
'hatodik': 'tartalom6.html',
},
select = $('speedA');
select2 = $('speedA2');

function ahah(event) {
event.preventDefault();
target.set('text', 'Betöltés...');
new Request.HTML({
'update' : target,
'evalScripts': false,
'url': files[select.get('value')]
}).get();
}

select.addEvent('change', ahah);
select2.addEve