22786
Html-, css- és php-help
  • MerlinW
    #19582
    Nana... ő a kisujját nyújtja te meg... :)
  • MerlinW
    #19581
    Múltkor már leírtam neked a form-os paraméterezhető shell scriptes kérdésednél. Ugyanúgy kell itt is.
  • Kata
    #19580
    már csak egy kérdésem van: elveszel feleségül? :))

    köszi minden segítséget!
  • Malakai
    #19579
    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.
  • kifli
    #19578
    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.
  • Malakai
    #19577
    .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...
  • SzirmosSzisza
    #19576

    <?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 :D
  • Kata
    #19575
    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?
  • kifli
    #19574
    na meginén :D


    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? :D
  • Malakai
    #19573
    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 */
  • Kata
    #19572
    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?
  • szecsko
    #19571
    Nemtudtam, sorry.
  • SzirmosSzisza
    #19570
    Van Clearbox topik, illetve a készítője is SG-s, szóval gondolom néha ránéz.
  • szecsko
    #19569
    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.
  • Kata
    #19568
    zseniális, klassz, és igen erre kéne! :D
    á de köszi nagyon, imádlak! :D mit kinlódtam vele...
  • Malakai
    #19567
    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" />') );
    });
    });
  • SzirmosSzisza
    #19566
    * helyett .topichead, gondolom azokat a vonalakat akarod cserélni.
  • Skynet85
    #19565
    Ü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 ?
  • Kata
    #19564
    sg topikot dizájnolok, de ha van rá ügyesebb megoldás, szívesen fogadom a tanácsokat, én elég amatőr vagyok ezekhez
  • Malakai
    #19563
    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.
  • Kata
    #19562
    ó, a kis sasszem, kösz :D

    Most lefut, csak nem cseréli le a pipe-ot. Valami még mindig nem jó.
  • SzirmosSzisza
    #19561
    }); -> }});
  • Kata
    #19560
    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.
  • F1re
    #19559
    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 :D
    Link
  • MerlinW
    #19558
    .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 [L,QSA]
    </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.
  • grizzly21
    #19557
    a htaccess annyi, ha tamogatja a webszervered, hogy irsz egy .htaccess nevu szovegfile-t es beleirod amit irtam.
    Fogalmam sincs a facebook hogyan csinalja:)
  • F1re
    #19556
    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?
  • grizzly21
    #19555
    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 [NC,L]

    Ez peldaul az oldalad.com/about-ra atiranyit az about.html-re (ezt a bongeszo cimsoraban nem latod)
  • SzirmosSzisza
    #19554
    Parancsolj (tutorial.hu-s amúgy jónak tűnik)
  • F1re
    #19553
    thx, vki linkelhetne hozzá vmi tutorialt
  • SzirmosSzisza
    #19552
    Be lehet máshogy is. Általában htaccess fájlt használnak rá.
  • F1re
    #19551
    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 ?
  • szecsko
    #19550
    Köszönöm a részletes választ. :)
  • Voyager5
    #19549
    É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 :P */
    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. :)
  • szecsko
    #19548
    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.
  • Malakai
    #19547
    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á.
  • szecsko
    #19546
    Köszi. :)
  • SzirmosSzisza
    #19545
    Meg.

    Amúgy jQueryvel ennyi
    A két sör helyett lehet egyben is $(this).attr('src','link');
  • szecsko
    #19544
    Hover-al meg lehet oldani ezt az <img src>-s képcserét?
  • szecsko
    #19543
    És a css megoldást megeszi az IE-is? És ha igen az ,hogy nézne ki? :)