ugrás a tartalomhoz

Archívum - 2009 - Fórum téma

július 10

jQuery kód ismétlése?

zoliky · 2009. Júl. 9. (Cs), 23.45
Hello,
Van egy HTML kod:

<ul>
    <li><a href="#" class="button1">Home</a></li>
    <li><a href="#" class="button2">About</a></li>
    <li><a href="#" class="button3">News</a></li>
</ul>
Ha megerintem az egerel az egyik elemet (peldaul: Home, About vagy News) szeretnek egy kodot lefutatni:

$(document).ready(function() {
  $('.button1')
        .mouseover(function() {
                $(this).stop().animate({backgroundPosition:"(0px -50px)"}, {duration: 500})
...
Mukodik a kod csak az a problema, hogy a "button2"-ot meg a "button3"-at is be kene izitani:

button1: $(this).stop().animate({backgroundPosition:"(0px -50px)"}, {duration: 500})
button2: $(this).stop().animate({backgroundPosition:"(0px -100px)"}, {duration: 500})
button3: $(this).stop().animate({backgroundPosition:"(0px -150px)"}, {duration: 500})
Ez is mukodik de mi van akkor ha peldaul 20 menu item van vagy mindig hozza adok egy elemet a HTML kodhoz, a jQuery-t is modositani kell?

Koszonom!
 ■

Szerinted mi a TOP 5 könyv és oldal social networking site indítás és üzemeltetés témában?

Vitaleas · 2009. Júl. 9. (Cs), 14.15
Elég sok könyvet találtam a témában, meg sajnos túl sok oldal is található, ami ezzel foglalkozik, így segítségeteket szeretném kérni, hogy szerintetek mi az 5 legfontosabb könyv és legfontosabb 5 oldal a témában?

Nemcsak technikai, hanem usability, üzleti eredményesség és marketinges szempontból is.
 ■

Divbe táblázat Joomla! cikkben

zamek · 2009. Júl. 9. (Cs), 13.59
hello,

Kénytelen vagyok joomla-zni, ezért adott a környezet. A cikkirásban ha egy táblázatot szeretnék beszúrni a cikkbe, akkor az egész cikk a rendelkezésre álló területen kívül, jobbra eltolva jelenik meg, mind Firefox-ban, mind Konquerror-ban. Opera alatt jól látszik.

A joomla egy div-be teszi a cikk tartalmát. Próbáltam mindenféle table módszert, de egyik sem vált be (width értéke %,pixel, no width).

Van erre valamilyen workaround?

köszi,
Zamek
 ■

július 9

Az adatbázisban a szám jelenik meg a betű helyett

phplaci · 2009. Júl. 8. (Sze), 22.15
Sajnos az adatbázisba a szám jelenik meg a betű helyett.
Pl. <option value="4">L</option> (az L helyett a 4-est látom)
Csak az ürlapot mutatom:

<td width="100" valign="top">
 form action="kosarba_tesz.php" method="POST" target="ures">
  <input type="hidden" name="arucikk_id" value="<?= $id?>"></input> 

	   <select name="meret">
	     <option value=""> méret</option>
	     <option value="2">S </option>
	     <option value="3">M </option>
	     <option value="4">L </option>
	   </select>
		  
  <input name="db" style="width:40px;text-align:center" value="1"><?= $egyseg?></input>
  <input type="image" src="img/kosarba_tesz.png"></input>
 </form>
</td>
Valószinű piti kérdés, de nekem nem jön össze.
 ■

Image replacement kerdes

zoliky · 2009. Júl. 8. (Sze), 09.35
Hello,
A kovetkezo modszert hasznalom (image replacement):

HTML:

<h2> 
<span></span>Hello World 
</h2>
CSS:

h2 { 
 width: 150px; 
 height: 35px; 
 position: relative; 
}

h2 span { 
 background: url(hello_world.gif) no-repeat; 
 position: absolute; 
 width: 100%; 
 height: 100%; 
}
A problema az, hogy a "Hello World" szoveg nem link. Megprobaltam igy:

HTML:

<h2> 
<span></span><a href="#">Hello World</a>
</h2>
Persze ugy tesz mintha semmi sem tortenik! A kep nem klikelheto! Valami otlet?
 ■

július 7

jQuery függöny

zoliky · 2009. Júl. 7. (K), 20.37
Hello,
A kovetkezo menut raktam ossze: http://bit.ly/9sZkD
A menu alatt SPAN elemek vannak, mindegyik kulombozo szinu. Ezeket a SPAN elemeket siman el birom tuntetni az "overflow: hidden;"-el (persze a demo-ban ez nincs benne).

Az animaciot meg birtam volna csinalni a jQuery UI csomagal de eppen az volt a lenyeg, hogy sima jQuery-vel legyen megoldva! Velemenyetek szerint ha eltuntetem a SPAN tagogat "overflow"-al lehet valami hatranya a dolognak ?

Koszonom!
 ■

Hogyan tudom meg az ID-t?

zoliky · 2009. Júl. 7. (K), 13.51
Hello,
Van egy HTML kod:

  <ul>
    <li><a href="#" title="one">Home</a><span id="one"></span></li>
    <li><a href="#" title="two">About</a><span id="two"></span></li>
    <li><a href="#" title="three">News</a><span id="three"></span></li>
    <li><a href="#" title="four">Servives</a><span id="four"></span></li>
    <li><a href="#" title="five">Clients</a><span id="five"></span></li>
    <li><a href="#" title="six">Contact</a><span id="six"></span></li>
  </ul>
A Span ID-jet a kovetkezo keppen tudom meg JavaScript (jquery) alatt:

$(document).ready(function() {
  $('ul li a').hover(function() {
      
      // A span ID-t kiszedem a title attribute segitsegevel.
      var idName = $(this)[0].title;
      
      // A ID nevet felhasznalom es a SPAN-on animaciot vegzek
      $('#' + idName).stop().animate({
        marginTop: "-30px",
      }, 600);
    },
    function() {
      // code 2
    });
});
Szerintem a $(this)[0].title nem egy jo megoldas, mert ha egyik a ketto kozul valtozik (title vagy span id) nem mukodik a szkript.

Minek a title tag ha kiszedhetnem egyenesen a SPAN-bol az ID-t ? Meg tudnam csinalni, hogy egyenesen a SPAN-bol jojon ki az ID neve?
 ■

DIV-ben IFRAME + IE7

SySERR · 2009. Júl. 7. (K), 11.14
Adott a kovetkezo oldal: http://www.streamstat.hu/stat.cgi?info=icecast2-mch&87.229.24.114:8040

Az osszes altalam kiprobalt bongeszo alatt jo (Firefox 3.5, Chrome, Opera, Safari), de IE7 alatt a grafikonok eltakarjak a fentebb talalhato informacios reszt es a lejatszasi linkeket. Meg IE8 alatt is jo, de a kompatibilitasi nezet bekapcsolasa utan az is eltakarja. Az IE7 supportot nem szeretnem dobni mert nehanyan meg azt hasznaljak.

A problemas kod:

<div class="stat_info_right"><iframe scrolling="no" height="235" width="489" frameborder="0" name="mchplaypanel" allowtransparency="true" src="playmchpanel.cgi?icecast2-mch&87.229.24.114:8040" style=""></iframe></div>

Egy hulye kerdes de azert beprobalom:
Safari alatt a fooldalon eltunik a `rendezes` es a `talalat/oldal` utan a kivalaszto resz ket ok miatt: Safari alatt szelesebb a space, az alt+0160 karakter es a kivalaszto gomb. Ezeknek a mereteit hogy tudom beallitani?

Help pls!
 ■

július 6

overmouse gondok

pacee · 2009. Júl. 6. (H), 20.43
Olyan menüt szeretnék kialakítani, ahol a menügombokat én rakosgatom be egy div-be. Namármost, el szeretném érni, hogy a gomb képe változzon ha ráviszem az egérkurzort. Találtam különböző javascript megoldásokat, de azok csak egy gomb változását tudták megoldani, én pedig minden gombnál el szeretném érni ezt. Itt a script,amivel dolgozom:

<script language='JavaScript'>
<!--
function click555()
{
var URL = 'link címe';
var link = '' + URL;
if (link != '') window.location = URL;
}
function mouseover555()
{
if (document.images) {document.img555.src = MouseOverImage555.src;}
}
function mouseout555()
{
if (document.images) {document.img555.src = MouseOutImage555.src;}
}
function mousedown555()
{
if (document.images) {document.img555.src = MouseDownImage555.src;}
}
if (document.images)
{
MouseOverImage555 = new Image();
MouseOutImage555 = new Image();
MouseDownImage555 = new Image();
MouseOverImage555.src = 'valtokép';
MouseOutImage555.src = 'alapkép';
MouseDownImage555.src = 'klikkkép';
}
// -->
</script>
<a href='javascript:click555()' onMouseOver='mouseover555();' onMouseOut='mouseout555();' onMouseDown='mousedown555();'>
<img name='img555' src='alapkép' alt='Megaport Portál' border=0 vspace=0 hspace=0></a>

Gondolom a script-ben kéne változásokat eszközölni, de sajnos nem értek hozzá ennyire. Tudna valaki segíteni ebben? Előre is köszönöm!
 ■

Kommentező neve mellet legyen a weboldala linkje

Sepiroth · 2009. Júl. 6. (H), 16.03
Ez itt egy wordpress rendszerből kivett kódsor.

<?php printf(__('&nbsp;<span class="kommentnevek">%s</span>'), get_comment_author_link()) ?>

Itt most az van, hogy a kommentező weboldalához vezető link, a kommentező neve. Azt szeretném, ha a kommentező weboldala, az alábbi formában nézne ki, lenne elérhető a kommenteknél pl:

Barát Csaba (http://www.supertutorial.hu )

és persze úgy, hogy a zárójelben lévő link, kattintható legyen. Ebben kérném segítségeteket.
 ■