Javascript segitseg

**hápi** · 2010-01-21, 13:07

Ismerek egy megoldást, amihez nem lesz szükséged JS-re, csak CSS-re.
A lényeg az, hogy nem is kell kattintani a képre hanem hover-ra megjelenik a kép neked tetszőleges méretben.
Itt megnézheted milyen:
hxxp://www.moneytreesystems.com/css/picpopup.html
forrás:
hxxp://www.moneytreesystems.com/css/picpopup.txt

**keri** · 2010-01-21, 13:27

Ez igy nem jo....mert ez tul igedesito.... csak akkor jelenjen neg ha en akarom... de azert koszonom...

**keri** · 2010-01-22, 10:23

Elmagyarázták miért nem működött, itt van helyesen, szálybarágósan, ha esetleg még valinek kellene, én nagyon apróságon bugtam el, valami "-h"-t ki kell törölni a kép linkjétől mert az pluszba rakja be a blogspot. Érdekes.

A következőképpen lehet megoldani a kép új ablakban való megjelenítését:

1. A bloggeren az oldalelemek szerkesztése fülön van egy opció: html kód szerkesztése. Erre kattintva be kell szúrni a <head> es </head> bejegyzesek koze a kovetkezo sorokat:

<link href='http://www.virtuosomaster.com/tutorials/samples/lightbox/css/lightbox.css' media='screen' rel='stylesheet' type='text/css'/>
<script src='http://www.virtuosomaster.com/tutorials/samples/lightbox/js/prototype.js' type='text/javascript'></
script>
<script src='http://www.virtuosomaster.com/tutorials/samples/lightbox/js/scriptaculous.js?load=effects,builder' type='text/javascript'></script>
<script src='http://www.virtuosomaster.com/tutorials/samples/lightbox/js/lightbox.js' type='text/javascript'></script>

Miutan bemasoltad a fenti sorokat, el kell menteni a munkat.

2. A bejegyzeseket is kell modositani a kovetkezokeppen: - n eked ez a resz hianyzik!!!
- kep feltoltve
- atallni a html kod szerkesztese fulre es a kovetkezoket modositani:

Mielott modositanad igy nez ki a poszt:

<a onblur="try {parent.deselectBloggerImageGracefully
();} catch(e) {}" href="http://3.bp.blogspot.com/_THbArQUcdMk/Ss7APEfOn6I/AAAAAAAAFHU/CqK5YsrTB8k/s1600-h/oszi_erdo_fe2_2.jpg"><img style="cursor: pointer; width: 400px; height: 271px;" src="http://3.bp.blogspot.com/_THbArQUcdMk/Ss7APEfOn6I/AAAAAAAAFHU/CqK5YsrTB8k/s400/oszi_erdo_fe2_2.jpg" alt="" id="BLOGGER_PHOTO_ID_5390457169144356770" border="0" /></a>

Utana meg igy kellene kinezzen:

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" rel="lightbox" title="A tisztás felé" href="http://3.bp.blogspot.com/_THbArQUcdMk/Ss7APEfOn6I/AAAAAAAAFHU/CqK5YsrTB8k/s1600/oszi_erdo_fe2_2.jpg"><img style="cursor: pointer; width: 400px; height: 271px;" src="http://3.bp.blogspot.com/_THbArQUcdMk/Ss7APEfOn6I/AAAAAAAAFHU/CqK5YsrTB8k/s400/oszi_erdo_fe2_2.jpg" alt="" id="BLOGGER_PHOTO_ID_5390457169144356770" border="0" /></a>

Tehat:
A href="http://3.bp.blogspot.com/_TH ele be kell tenni a rel="lightbox" title="A tisztás felé" sort, a cim csak opcionalis,

href="http://3.bp.blogspot.com/_THbArQUcdMk/Ss7APEfOn6I/AAAAAAAAFHU/CqK5YsrTB8k/s1600-h/oszi_erdo_fe2_2 - azt a "-h" - t ki kell torolni a bejegyzesbol. (Nem minden esetben teszi be a blogger a -h - t de ha ott van azt torolni kell.)

**Milu** · 2010-02-25, 19:18

Most kezdtem el a clearboxot használni, de egy kis segítség kéne. Nagyjából mindent megfejtettem, és működik is, de a galériánál nem jelenik meg az árnyék. Segítsetek szájbarágósan, mit kell csinálnom. Nem vagyok programozó, az állataimról szeretnék honlapot csinálni. Dreamweavert használok, azzal boldogulok, de ezt nem tudom megoldani. Előre is köszi.

**Quwick** · 2010-05-12, 23:31

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 az avatar.php oldalon megtalálható a image/nophoto.png kép, akkor a nemteljesul.php oldalra irányítson át, ha nincs ott a kép, akkor a teljesul.php oldalra irányítson!

Lehetséges ez?
Köszönöm előre is!

**Sapipeti** · 2010-05-13, 00:12

Nem egyszerűbb php-val ellenőrizni? Gondolom úgyis php-vel generálod az oldalt....

**Quwick** · 2010-05-13, 00:22

Sapipeti eredeti hozzászólása

Nem egyszerűbb php-val ellenőrizni? Gondolom úgyis php-vel generálod az oldalt....

Köszi a gyors választ, de joomláról van szó!
A következőre szeretném használni:
A regisztrációkor nem akarom, hogy szöszmötöljön a kötelező mezőkkel, mert akkor legtöbbször nem regisztrál a felhasználó (társkeri oldal)
Ha rákattint a (pl: ) társkeresőink menüre, akkor az a menü jönne be, amibe ez a script ellenőrzi, hogy feltöltötte-e az avatarját, és ennek megfelelően tovább engedi!
Végül is behívható lenne php-vel is, de arra sincs függvényem!

**Sapipeti** · 2010-05-13, 01:11

Kód:

<script>
	var re = new RegExp("image/nophoto."+"png");
	if (document.body.innerHTML.match(re)){
		document.location.href="nemteljesul.php";
	}
	else{
		document.location.href="teljesul.php";
	}
</script>

én ezt dobtam most össze, ha az oldal szövegében megtalálja az image/nophoto.png kifejezést akkor nemteljesul.php egyébként teljesul.php. Azért van kettészedve a string, mert különben a script szövegében akkor is megtalálná, ha amúgy nincs az oldalon.

De megjegyzem, szerintem nem a legelegánsabb megoldás...

**Quwick** · 2010-05-13, 11:09

Sapipeti!

Nagyon szépen köszönöm!
(Tudom, hogy nem elegáns és php-ba jobb lenne. Remélem azt is meg tudom oldani később!)

**Quwick** · 2010-05-13, 13:51

Sapipeti!

Sajnos kimaradt belőle, hogy hol nézze meg!
Az "avatar.php" oldalon kell megnéznie, hogy ott van-e az "image/nophoto.png" kép.
(tudom nem voltam egy értelmű! Az "avatar.php" oldalra nem rakhatom be az átirányítást, mert akkor lecserélni sem tudja a felhasználó)

Téma: Javascript segitseg

LinkBack

Téma eszközök

Display

re: Javascript segitseg

re: Javascript segitseg

re: Javascript segitseg

re: Javascript segitseg