Html-, css- és php-help

Nana... õ a kisujját nyújtja te meg... 😊

Múltkor már leírtam neked a form-os paraméterezhetõ shell scriptes kérdésednél. Ugyanúgy kell itt is.

már csak egy kérdésem van: elveszel feleségül? 😊)

köszi minden segítséget!

Javascriptel/JQueryvel:

var prev_next = $('a, span', '.lapozo').filter(':first, :last');

Aztán ezzel persze kezdeni kell valamit, de ezzel tudod talán a leggyorsabb módon ezeket az elemeket megfogni.

egy olyan php kód kellene, amit ha megnyitok, akkor kapok egy olyan gombot, hogy start, és ha azt megnyomom, akkor lefuttat egy a szerveren található scriptet, egy adott felhasználóval.


Ja, azt kihagytam, hogy ez egy linux bash script, már amit le kell futtatnia.

.lapozo *:fist-child, .lapozo *:last-child {}

/* vagy */

.lapozo a:first-child, .lapozo span:first-child, .lapozo a:last-child, .lapozo span:last-child {}

Utóbbi szövegben hosszabb, de pontosabb jelölés. De ez nem mûködik IE-ben kivétel a IE9 és felette. Vagy javascript, ha ez ugye gond...

<?php

if($_POST<'f'> == 1) {

     //futtatás

}



?>



<form action="jelenlegifajl.php?f=1" method="POST">

    <input type="submit" value="Futtatás"/>

</form>

Mondjuk õszintén megmondom nem tudom mire gondolsz, ha sima JS kell, akkor az egész ugrik és valami ilyesmi kell
<input type="button" onclick"fuggvenyneve()"/>
és a head részben meg <script>function fuggvenyneve() {}</script>, de ehhez meg ugye nem kell PHP 😄

igen tudom, már reszelem, közben a textareát sikerült megoldanom. 😊

Amúgy szerinted hogyan tudom leválasztani, hogy az elõre hátra gomb más legyen mint a lapozás többi eleme?

na meginén 😄


Kellene nekem egy olyan php script, ami gombnyomásra egy adott felhasználóval, lefuttat egy start nevû scriptet.


Valaki ezt megírná nekem, ha szépen megkérem? 😄

Ezek css dolgok már, tehát egy style tagba rakd.

textarea {

  width: 700px !important;

  height: 200px !important;

}

Az !important a lényeg, amire azért van szükség, mert a textarea-nak a html-en belül "inline" van megadva a mérete, így tudod ezt felülírni. Mivel textarea elembõl csak a szövegbeviteli van, így elég ez végülis.
A lapozónál valószinüleg megoldható css-el, de pontos kódot nem tudok írni anélkül, hogy látnám pontosan mit akarsz. 😊 Mindenesetre az elemek selectorjai, amik kellhetnek:

.lapozo a {} /* ezzel tudod megcélozni a lapozó számozásait és az elölre/hátra gombokat is */

.lapozo span {} /* ezzel tudod megcélozni az aktív oldal gombját és az elölre/hátra gombot, amennyiben az nem aktív */

.lapozo .disabled {} /* ezzel célzod meg azt, ha vagy az elölre, vagy a hátra gomb nem aktív (elsõ/utolsó oldal esetén) */

.lapozo .current {} /* ezzel célozhatod meg az épp aktív oldal, nem kattintható gombját */

amin még szenvedek, hogy az új üzenet textarea méretét mivel tudnám felülírni, illetve alul a lapozást le szeretném cserélni saját gombokra úgy, hogy az oldalak maradnak számok csak háttérképet kapnak, az "elõzõ" és "következõ" gombok viszont cakk-pakk képek, ja és hover állapotuk is van. Tudnál ebben még egy kicsit segíteni ha nem tartlak fel?

Nemtudtam, sorry.

Van Clearbox topik, illetve a készítõje is SG-s, szóval gondolom néha ránéz.

Sziasztok!
Valaki használ közületek Clearbox-ot?
Volna egy olyan problémám ,hogy nem jelenik meg az elõre és vissza léptetõ kis gombok.Minden más gomb megjelenik és mûködik is.A js-ben is on-ra vannak kapcsolva.

zseniális, klassz, és igen erre kéne! 😄
á de köszi nagyon, imádlak! 😄 mit kinlódtam vele...

Ha a hozzászólások fejlécében akarod módosítani, akkor valahogy így:

$(function() {

  $('.topichead').find('td:last-child').each(function() {

    var $this = $(this);

    $this.html( $this.html().replace(/\|/g, '<img src="http://****.hu/gfx/message_header_separator.png" />') );

  });

});

* helyett .topichead, gondolom azokat a vonalakat akarod cserélni.

Üdv épp egy php crawlert írok a PHP Simple HTML DOM Parser használom, arra szeretnék választ kapni, hogy a cél oldal keresõ mezõjét hogyan tudnám használni a kódból ?

sg topikot dizájnolok, de ha van rá ügyesebb megoldás, szívesen fogadom a tanácsokat, én elég amatõr vagyok ezekhez

Azután fut le, hogy a DOM betöltött? Mert egyébként hibát nem látok benne. Böngészõben console nem dob hibaüzenetet?

Egyébként minden DOM elemen végigfutni elég lassú tud lenni, ha lehet kerüld.

ó, a kis sasszem, kösz 😄

Most lefut, csak nem cseréli le a pipe-ot. Valami még mindig nem jó.

}); -> }});

Van egy ilyenem, ez miért nem fut le? A pipe karaktert szeretném kicserélni a dokumentumban egy képre.

$("*").each(function(){
if ($(this).children().length == 0) {
var newHTML = $(this).html().replace('|','<img src = "http://****.hu/gfx/message_header_separator.png" />');
$(this).html(newHTML);
});

Ráadásul nem elég hogy nem fut le, de ha belerakom a js-be, az elõtte lévõ képlecserélõ script sem fut le.

köszi szépen, faxa a példa is!
nem akarok igazából csinálni vele semmit, csak érdekelt a dolog háttere hogyan is mûködik(kezdõ vagyok még php-html-css)
Ez az egyetlen értelmes oldal amit össze tudtam hozni magam 😄
Link

.htaccess egy direktíva fájl, ami felülírja a webszerver szabályokat (már ha ez engedélyezve van). Jelen esetben átirányítás, illetve esetemben (lásd lenti példa) a címsor szétbontása, a domain utáni adatok (kiterjesztés nélküli string) figyelmen kívül hagyása (elhitetjük vele, hogy sem fájl, sem könyvtár), paraméterré való alakítása a dolga. <-- Ha a lenti példát véve azt adjuk meg, hogy "http://domain.com/about.php" akkor minden normálisan megy míg, ha kiterjesztés nélkül "http://domain.com/about", akkor az "about" string-et leválatszja és egy $q nevû változóba teszi nekünk, amit vizsgálva kedvünkre használhatunk. Ahogy lent is látható használható bármilyen mélységben (http://domain.com/1/2/3/4/5...)

Tehát én általában így csinálom, mert rugalmasabb számomra (eldönthetem, hogy mit kezdek a címparaméterrel):

.htaccess:

<ifModule mod_rewrite.c>

  RewriteEngine On

  RewriteCond %{REQUEST_FILENAME} !-f

  RewriteCond %{REQUEST_FILENAME} !-d

  RewriteRule ^(.*)$ index.php?q=$1 

</ifModule>

PHP:

$url_data = explode("/",$_GET<'q'>); // behúzzuk a címsorból a paramétert

// szétdobáljuk változókba. ezt természetesen lehet ciklussal is, ha mélyebben szeretnénk használni. 

Nekem két szint elég volt.

$q = $url_data<0>; 

$q2 = $url_data<1>;



// http://domain.com/about esetében:

if ($q=='about') include 'about.php';  // vagy header("Location: about.php");



// http://domain.com/about/page1 esetében, dupla alhivatkozással:

if ($q2=='page1') include 'about_page1.php'; //vagy header("Location: about_page1.php");

Arra figyelj, hogy minden header-ben használj webroot-ra hivatkozó <base href="http://domain.com/" /> meta-t, különben a böngészõ nem fogja találni a fájlokat.

a htaccess annyi, ha tamogatja a webszervered, hogy irsz egy .htaccess nevu szovegfile-t es beleirod amit irtam.
Fogalmam sincs a facebook hogyan csinalja😊

nem vágom egyelõre ezt a htaccess dolgot (nem érdekelt) szal köszönöm, akkor pl a facebooknak van egy teleírt htaccess file-a vagy htaccess-ba is lehet kiolvasni fileokból adatokat?

Dehogy hasznalnak mappakat😊 facebook.com/valami-nal a "valami" helyett lehet barmi es azt ok barhogy ertelmezhetik. Egy filenev sem jelenti azt, hogy ott egy olyan file van, pl valami.com/zene.mp3-ra visszaadhat egy sima html oldalt is, persze ilyenkor a bongeszonek is van szerepe, hogy hogyan ertelmezi a valaszt.
A htaccess-es megoldasban regexp van, de itt egy pelda:


RewriteEngine On
RewriteRule ^about/?$ about.html

Ez peldaul az oldalad.com/about-ra atiranyit az about.html-re (ezt a bongeszo cimsoraban nem latod)

Parancsolj <#idiota> (tutorial.hu-s amúgy jónak tûnik)

thx, vki linkelhetne hozzá vmi tutorialt

Be lehet máshogy is. Általában htaccess fájlt használnak rá.

Olyan kérdésem lenne, h ha egy oldalt így akarok elérni pl: domain.hu/xy
akkor csak az a megoldás van, h az xy mappába teszem a fileokat ? vagy van más megoldás is, mondok még egy példát a Facebooknál ha be van állítva akkor eléred úgy az adatlapod hogy facebook.com/valamikitaláltnév
akkor most náluk is minden egyes emberre van egy mappa ?

Köszönöm a részletes választ. 😊

Én ezt úgy szoktam megoldani, hogy nem használok image-tag-et hanem az "a" tag-nek adom meg background-nak a képet, ami ráadásul általában sprite.

Az esetedben a html így néz ki:

<div id="picsleft">

<br>

<h2>A szerzõrõl</h2>

<br>

<a id="galeria_link" href="galeria.html" >A szerzõrõl</a></div>

A CSS pedig így:

#galeria_link {

display: block;

width: x px; /* x = A képed szélessége px-ben */

height: y px; /* y = A képed magassága px-ben */

background: url(images/pics2.jpg) 0 0 no-repeat;

text-indent: -9000px; /*feliratot eltûntetjük, hogy csak az extra nagy monitorosok lássák 😛 */

text-decoration: none;

}



#galeria_link:hover {

background: url(images/a_masik_kep.jpg) 0 0 no-repeat; /*ide kerül a hover effektes kép url-je*/

}

Ez sprite nélkül van.
A spritenak annyi a lényege, hogy egy képen van rajta mindkét állapot, és hovernél csak a background positiont tolod el.
Pl. ha van egy 200x100-as képed (aminek 2 állapota van) akkor a forrás file-od pl:200x200-as lesz. Így egymás alatt fog elhelyezkedni az eredeti, és a hoveres állapot. Fontos megadni a width:200px; height:100px-elt. A hover állapotnál meg annyi a változás, hogy:
background: url(images/pics2.jpg) 0 -100px no-repeat; sorod lesz.
Itt a "-100px"-ellel tolod el a képet.

Nagyjából ennyi. Spriteok nélkül egyszerûbb, viszont spriteok használatával picit letudod csökkenteni a betöltési idõt. 😊

Valószinûleg én vagyok agyilag rövidnadrág, de nem jön össze.. 😞
<div id="picsleft"><br><h2>A szerzõrõl</h2><br><a href="galeria.html" ><img src="images/pics2.jpg" /></a></div>

Ehez a sorhoz kéne megoldanom. A css megoldás érdekelne jobban mert ha ki van kapcsolva a javascript akkor buktam a jQuery-t.

Ha IE6 még mindig fontos, akkor arra kell figyelni, hogy az csak <a> tagekre alkalmazza a :hover pseudo selectort alapértelmezetten, ilyen-olyan fixekre (mint pl htc fileok) guglizz rá.

Köszi. 😊

Meg.

Amúgy jQueryvel ennyi
A két sör helyett lehet egyben is $(this).attr('src','link');

Hover-al meg lehet oldani ezt az <img src>-s képcserét?

És a css megoldást megeszi az IE-is? És ha igen az ,hogy nézne ki? 😊

lehet meg lehet rövidebben csinálni. Css -el viszont sokkal egyszerûbb lenne.

Köszönöm. Azthittem rövidebben is meg lehet oldani....

$(function() {

      $("img")

            .mouseover(function() {  

                  var src = $(this).attr("src").match(/<^\.>+/) + "over.gif";

                  $(this).attr("src", src);

            })

            .mouseout(function() {

                  var src = $(this).attr("src").replace("over", "");

                  $(this).attr("src", src);

            });

});

stackról gyorsan

Sziasztok!
Volna egy jQuery scriptem amiben meg akarok változtatni egy <img src>-s képbeszúrással beállitott képet egy hover eseménynél.
Mi a szintaktikája az img képnek?

$('#first').hover(function() {
$('#first').stop().css(???);
}, function() {
$('#first').stop().css(???);
});

Hmm, úgytûnik a w3c-nél csak nem hagyják annyiba a css változók szabványosítását.
Újabb editor draft: CSS Variables Module Level 1

Habár nekem ez a "datálásos" szintaktika nem a legszimpatikusabb.

Mielõtt valaki félreérti, a google web fonts is végsõsoron font-face megoldás, csak egy egész jól kereshetõ gyûjtemény, amiben minden font license megfelõ a célra és elég jól vannak tesztelve is.

Köszi.

Font-face-t én speciel nem javaslom -> szenvedõs berakni.

Az általad használt fontot amúgy meglehet találni a Google web fonts library-ban. Ennek a használata viszont pofon egyszerû.
Ha olyan fontot akarsz használni ami kezeli az ékezeteket ("õ"- a legneccesebb ált.) akkor baloldalt a scriptnél válaszd ki a Latin Extended-et.

Jól sejtem ,hogy ezzel nagyon leszûkûl a lehetõségek köre? Vagy csak rossz helyen keresgélek?(http://www.fontsquirrel.com/)

Olyan betûtípus kell, amiben benne van. 😊 Vagy ha a license megengedi akkor belenyúlsz és elkészíted a megfelelõ ékezeteket magad.