PFZ.nl - Frontend Forum PFZ.nl - PHP Community - Frontend forum feed http://www.pfz.nl/forum/index.php Wed, 01 Feb 2012 10:20:17 +0000 5 Option list length http://www.pfz.nl/forum/topic/6745-option-list-length/ Wed, 01 Feb 2012 10:20:17 +0000 http://www.pfz.nl/forum/topic/6745-option-list-length/ <![CDATA[[jquery] Alternatief voor live() functie?]]> http://www.pfz.nl/forum/topic/6736-jquery-alternatief-voor-live-functie/
Hier even een vraagje al jullie experts m.b.t. best practices.

Regelmatig gebruik ik jquery in mijn projecten.
Tegenwoordig worden de sites die ik maak steeds meer 'HTML5 achtig' door combinaties van daadwerkelijke HTML5 tags maar ook door het gebruik van javascript/jquery en css3. Nog even en er komt geen harde page reload meer aan te pas, hartstikke leuk.

Vooral door het gebruik van ajax, waarmee ik verschillende onderdelen van een website steeds bijwerk zonder een pagina opnieuw te laden, loop ik regelmatig tegen iets aan waarvan ik denk dat het beter kan. Dat wil ik graag aan jullie voorleggen.

Stel het volgende:
- met behulp ajax call stop je nieuwsberichten in een div container (waar eerst iets anders stond)
- zo'n nieuwsbericht bestaat, laten we zeggen, uit een titel, en een 'lees meer' link.
- bij het klikken op zo'n lees meer link wordt er een andere div bijgewerkt waar de inhoud van het nieuwsbericht wordt getoond.

Bijvoorbeeld, heel simpel opzetje:
1
2
3
4
5
<div id="nieuws">
   <h2>Dit is een titel</h2>
    <a href="#">Lees meer</a>
    ... etc
</div>


Als je nu in je javascript het volgende doet gaat het mis (onderstaande click wordt niet uitgevoerd):
1
$('#nieuws > a').click(function() { .... })

Want, die nieuws div is in de dom tree gezet nadat de javascript al is ingeladen.

Dus heb ik ooit eens het volgende gevonden, wat wel werkt:
1
$('#nieuws > a').live('click', function() { ... })

http://api.jquery.com/live/
(vanaf 1.7 gebruik je overigens on(), maar dat even terzijde).

Mijn vraag is: voor een case als bovenstaande, is er een alternatieve manier?
Het is natuurlijk gemakkelijk om alles met zo'n live() of on() functie te doen, maar als dat de beste manier zou zijn, waarom is bij jquery dan niet ieder event gewoon 'live'/'on'?
Nu zit je tevens, naarmate sites groter worden, met enorme js files met code die nooit zal worden uitgevoerd.
Uiteraard is bovenstaande slechts een zeer simpel voorbeeld.

Hoe lossen jullie dit op?]]> Tue, 31 Jan 2012 20:12:27 +0000 http://www.pfz.nl/forum/topic/6736-jquery-alternatief-voor-live-functie/ Box met results limit, hoe volgende laten zien... http://www.pfz.nl/forum/topic/6734-box-met-results-limit-hoe-volgende-laten-zien/
Ik heb een tabel met een aantal results, laten we zeggen tien.

Nu heb ik een div waarin maar 5 results passen, nu wil ik dat ie de eerste 5 laat zien, en de rest niet, maar met een click of the button, waar dan ook, moet ie dan de eerste 5 results verplaatsen met de volgende 5, met een mooie jquery functie, rollover ofzo.., dus zonder een complete resfresh van de page te hoeven doen..
maar ik heb geen idee waar ik dat het beste mee kan doen...

iemand een idee?]]> Tue, 31 Jan 2012 19:52:59 +0000 http://www.pfz.nl/forum/topic/6734-box-met-results-limit-hoe-volgende-laten-zien/ <![CDATA[document.getElementById('testid*')]]> http://www.pfz.nl/forum/topic/6722-documentgetelementbyidtestid/
1
2
3
4
5
6
    <label for="testinput_xml">Person</label>
    <input type="text" id="testinput_xml[1]" name="faket[1]" value="" style="width:300px" />
    <input type="hidden" id="testid[1]" name="t[1]" value="" />
        <label for="testinput_xml">Person1</label>
    <input type="text" id="testinput_xml[2]" name="faket[2]" value="" style="width:300px" />
    <input type="hidden" id="testid[2]" name="t[2]" value="" />


Onderstaande javascript moet worden aangepast naar een ondersteunende versie als hierboven. Alleen dit is javascript en geen jquery. In jquery doe je het input[id^="testid"]. Helaas krijg ik dit niet voor elkaar bij Javascript.

1
2
3
4
5
6
    var options_xml = {
		script:"test.php?",
		varname:"input",
		callback: function (obj) { document.getElementById('testid').value = obj.id; }
    };
    var as_xml = new AutoSuggest('testinput_xml', options_xml);


Hoe moet je dit aanpassen in Javascript zodat het werkt?

Gr,

Jelte]]> Mon, 30 Jan 2012 15:12:13 +0000 http://www.pfz.nl/forum/topic/6722-documentgetelementbyidtestid/ add url to post value http://www.pfz.nl/forum/topic/6719-add-url-to-post-value/
Ik heb een select box die automatisch naar een pagina moet gaan als een optie is geselecteerd. Nu wil ik de URL wijzigen.

<select name=\"team\" onchange=\"location = ' + this.options[this.selectedIndex].value + '/;\">

en hij moet naar /page/wijzigen/VALUE/

Ik heb de balle verstand van javascript dus misschien dat iemand me even snel opweeg kan helpen.

Gr,

Jelte]]> Mon, 30 Jan 2012 11:15:37 +0000 http://www.pfz.nl/forum/topic/6719-add-url-to-post-value/ Div centreren met css werkt niet in IE http://www.pfz.nl/forum/topic/6715-div-centreren-met-css-werkt-niet-in-ie/
Ik wil de inhoud van een pagina centreren met een div. In Chrome, Firefox en Safari gaat dit goed, maar in IE niet.

Weet iemand waar dit aan ligt?

Alvast bedankt, Ferry

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<html>
<head>
<style type="text/css">
<!--
* { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
body { background: none repeat scroll 0 0 #F3F5F6 }
.container { position: relative; background: #336699; margin: 0px auto; max-width: 95.6em; min-width: 956px; }
-->
</style>
</head>

<body>
<div class="container">test</div>
</body>
</html>
]]> Sun, 29 Jan 2012 12:19:27 +0000 http://www.pfz.nl/forum/topic/6715-div-centreren-met-css-werkt-niet-in-ie/ flv player http://www.pfz.nl/forum/topic/6714-flv-player/
ik ben vrij nieuw in php .

ik heb op de site van mij een flv player geplaatst maar deze speelt nu niets af ?
www.belgiumpokerevents.be/Peltpoker

dit is mijn code
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
<?php
defined( '_JEXEC' ) or die( 'Access to this location is RESTRICTED.' );
echo '<?xml version="1.0" encoding="utf-8"?'.'>'; 
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
<head>
    <?php require("head_includes.php"); ?>
    <jdoc:include type="head" /> 
<script src="http://www.belgiumpokerevents.be/Peltpoker/Scripts/swfobject_modified.js" type="text/javascript"></script>
</head>
<body>
    <?php if($whatWidth == 1) : ?>
        <div id="wrapper" style="max-width:<?php echo htmlspecialchars($this->params->get('pageMaxWidth'));?>;">
    <?php endif;?>
    <?php if($whatWidth == 0) : ?>
        <div id="wrapper" style="width:<?php echo htmlspecialchars($this->params->get('pageWidth'));?>;">
    <?php endif;?>
        <?php require("modules/toppanel.php"); ?>
        <?php require("modules/beforehead.php"); ?>
        <div id="header_container">
            <div id="header">
                <?php if($this->countModules('headermodule1')) : ?>
                    <div id="headermodule1">
                        <jdoc:include type="modules" name="headermodule1" />
                        <div class="clr"></div>
                    </div>
                <?php endif; ?>            
                <?php if($this->countModules('banner')) : ?>
                    <div id="banner_outer">
                        <div id="banner">
                             <jdoc:include type="modules" name="banner"/>
                        </div>
                    </div>
                <?php endif; ?>            
                <div id="logo">
                    
                        <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="800" height="350" id="FLVPlayer">
                          <param name="movie" value="FLVPlayer_Progressive.swf" />
                          <param name="quality" value="high" />
                          <param name="wmode" value="opaque" />
                          <param name="scale" value="noscale" />
                          <param name="salign" value="lt" />
                          <param name="FlashVars" value="&MM_ComponentVersion=1&skinName=Corona_Skin_1&streamName=http://www.belgiumpokerevents.be/Peltpoker/images/banners/peltpoker&autoPlay=true&autoRewind=true" />
                          <param name="swfversion" value="8,0,0,0" />
                          <!-- Met deze param-tag wordt gebruikers met Flash Player 6.0 r65 en hoger gevraagd de nieuwste versie van Flash Player te downloaden. Verwijder deze tag als u niet wilt dat gebruikers deze vraag zien. -->
                          <param name="expressinstall" value="http://www.belgiumpokerevents.be/Peltpoker/Scripts/expressInstall.swf" />
                          <!-- De volgende object-tag is voor andere browsers dan Internet Explorer. Verberg deze tag daarom in IE met IECC -->
                          <!--[if !IE]>-->
                          <object type="application/x-shockwave-flash" data="FLVPlayer_Progressive.swf" width="800" height="350">
                            <!--<![endif]-->
                            <param name="quality" value="high" />
                            <param name="wmode" value="opaque" />
                            <param name="scale" value="noscale" />
                            <param name="salign" value="lt" />
                            <param name="FlashVars" value="&MM_ComponentVersion=1&skinName=Corona_Skin_1&streamName=http://www.belgiumpokerevents.be/Peltpoker/images/banners/peltpoker&autoPlay=true&autoRewind=true" />
                            <param name="swfversion" value="8,0,0,0" />
                            <param name="expressinstall" value="http://www.belgiumpokerevents.be/Peltpoker/Scripts/expressInstall.swf" />
                            <!-- In de browser wordt de volgende alternatieve inhoud voor gebruikers met Flash Player 6.0 en ouder weergegeven. -->
                            <div>
                              <h4>Voor het weergeven van de inhoud op deze pagina is een nieuwe versie van Adobe Flash Player vereist.</h4>
                              <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Adobe Flash Player ophalen" /></a></p>
                            </div>
                            <!--[if !IE]>-->
                          </object>
                          <!--<![endif]-->
                  </object>
                    
                </div>


mvg
sens]]> Sun, 29 Jan 2012 11:40:25 +0000 http://www.pfz.nl/forum/topic/6714-flv-player/ Automatisch formulier versturen nadat een veld is ingevuld http://www.pfz.nl/forum/topic/6713-automatisch-formulier-versturen-nadat-een-veld-is-ingevuld/ Ik ben bezig met het bouwen van een simpel kassa systeem. Het idee is dat met de barcode scanner de barcode wordt gelezen, de barcode wordt in het formulier gezet en vervolgens wordt (als het kan) automatisch het formulier verzonden en het product op de bon gezet.

Mijn vraag is of het mogelijk is het formulier automatisch te versturen X aantal seconden nadat de barcode in het formulier is gezet?

Alvast bedankt!!]]> Sat, 28 Jan 2012 21:29:09 +0000 http://www.pfz.nl/forum/topic/6713-automatisch-formulier-versturen-nadat-een-veld-is-ingevuld/ Pagina shift http://www.pfz.nl/forum/topic/6711-pagina-shift/
Ik ben bezig met mijn website op te maken en all so good so far!

Het is een blog site en er is een MEEST irritant trekje aan mijn website.

Ik heb een 'content' gedeelte waar de blogs in worden geladen. Wanneer ik een blog selecteer die de maximale pagina lengte overschrijdt dan "verplaatst/shift" de pagina 2 a 3, misschien meer, pixels naar links! Niet heel erg natuurlijk maar ik vind het ENORM irritant.

Nu ben ik aan het testen geweest en lijkt het erop dat wanneer de scrollbalk in beeld komt, ik de "page shift" krijg naar links. Opzich logisch omdat er ruimte gemaakt moet worden voor de scrollbalk. Ik gebruik Chrome en Firefox

All I wanna know is, how kan ik dit voorkomen!!

Hope somebody can help!

Vriendelijke groet!]]> Sat, 28 Jan 2012 16:21:39 +0000 http://www.pfz.nl/forum/topic/6711-pagina-shift/ Link die bold blijft bij lezen van pagina en weer terug gaat naar de normale kleur bij verlaten van de pagina http://www.pfz.nl/forum/topic/6706-link-die-bold-blijft-bij-lezen-van-pagina-en-weer-terug-gaat-naar-de-normale-kleur-bij-verlaten-van-de-pagina/
Ik wil in mijn css een aanpassing doen alleen weet ik niet hoe.

Ik wil dat als iemand in het cms systeem een link (menu-item) aan klikt deze bold wordt en als de wijziging of toevoeging gedaan is deze bold weer verdwijnt. Dus terug naar de oorspronkelijke staat. Hoe kan ik dit doen?

Thanxs Betsie]]> Fri, 27 Jan 2012 16:25:56 +0000 http://www.pfz.nl/forum/topic/6706-link-die-bold-blijft-bij-lezen-van-pagina-en-weer-terug-gaat-naar-de-normale-kleur-bij-verlaten-van-de-pagina/ witte pagina in IE bij laden van nieuwe pagina http://www.pfz.nl/forum/topic/6701-witte-pagina-in-ie-bij-laden-van-nieuwe-pagina/
Zie even www.famvandort.nl voor "live" beelden. Als ik van de ene naar de andere pagina ga dan krijg ik een witte tussen pagina. Dat gebeurt wel in IE en niet in firefox.

Nee helaas de oplossing is niet iedereen te vragen om te stoppen met IE. Ik heb het ermee te doen.

Maar weet iemand hoe ik dit kan oplossen?

Thanxs Betsie]]> Fri, 27 Jan 2012 12:27:49 +0000 http://www.pfz.nl/forum/topic/6701-witte-pagina-in-ie-bij-laden-van-nieuwe-pagina/ <![CDATA[[JQuery] Roteren van advertenties]]> http://www.pfz.nl/forum/topic/6696-jquery-roteren-van-advertenties/
Ik heb het volgende script:
1
2
3
4
5
6
7
    $('.newsticker p').each(function(){
        $(this).fadeOut('fast', function(){
           $(this).load('json.php?action=getAdvertisment', function(){
                $(this).fadeIn('fast');
           });
        });
    });


Ik heb 3 divjes met als class newsticker, nu is het probleem dat hij erg raar gaat doen met de fadeIn en Out.
Soms fade hij in en daarna word de tekst anders.

Verder heb ook dit scriptje gebruikt:
1
$('.newsticker p').fadeOut('fast').load('json.php?action=getAdvertisment').fadeIn('fast');


Dit heeft hetzelfde probleem maar dan doet hij minder fade in en outs dan de script erboven.
Toch veranderd de tekst zonder eerst out te faden.

Alvast bedankt,
Alexw]]> Thu, 26 Jan 2012 19:15:54 +0000 http://www.pfz.nl/forum/topic/6696-jquery-roteren-van-advertenties/ invulvelden uitsluiten http://www.pfz.nl/forum/topic/6687-invulvelden-uitsluiten/
Ik heb een jquery codetje waarmee ik een element omdraai als ik er op klik, en als je er dan weer op klikt draait hij terug.
Op de achterkant moet een invul veld (textarea) komen, maar als ik in de textarea klik om mijn cursor neer te zetten draait het het element om, terwijl dit niet moet.
Is er een jquery codetje dat er voor zorgt dat als ik in de text area klik het script niet werkt, maar als ik ernaast klik het script wel werkt en het element omdraait?

Alvast bedankt!

n9iels]]> Thu, 26 Jan 2012 07:28:24 +0000 http://www.pfz.nl/forum/topic/6687-invulvelden-uitsluiten/ Image Onclick Functie http://www.pfz.nl/forum/topic/6675-image-onclick-functie/
Misschien een heel simpel vraagje voor jullie, en Jha toch wel... ik heb al moeite gedaan om even te zoeken...

Wat zou ik graag willen laten werken:(play / stop functie)

1: Als ik op de afbeelding druk Commando uitvoeren(werkt al)
1
<img src="images/index_033.png" alt="" width="125" height="125" border="0" onclick="document.getElementById('audio').play()" >


2) image vervangen... door een andere image
met nieuwe funtie onclick="document.getElementById('audio').stop()


Hopelijk kunnen jullie me verder helpen...

Grtjes]]> Tue, 24 Jan 2012 18:32:19 +0000 http://www.pfz.nl/forum/topic/6675-image-onclick-functie/ Dubbele javscript functions onClick, 1 werkt... http://www.pfz.nl/forum/topic/6666-dubbele-javscript-functions-onclick-1-werkt/
Ik heb de volgende JS...

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
function toggleopen(cid)
{
  document.getElementById(cid).style.display=(document.getElementById(cid).style.display!="none")? "none" : "block";
}
function ajax(url,id) {                                                                                                        
    var httpObj = false;																											
		httpObj = window.XMLHttpRequest ? new window.XMLHttpRequest : (window.ActiveXObject ? new ActiveXObject("MSXML2.XMLHTTP"): null);
		httpObj.onreadystatechange = function() {        
        if (httpObj.readyState == 4) {
            document.getElementById(id).innerHTML = httpObj.responseText;
            return;                                                                                                            
        }
    };																															
	httpObj.open('POST', url, true);																					
	httpObj.send(null);    
}


en HTML:
1
2
3
<div id="ret" style="display:none;width:150px;height:176px;">
 
</div>


en chat.php heeft gewoon een print_r($_REQUEST) om te testen nu.

en ik doe hetvolgende:

<li onclick="toggleopen('ret');ajax('chat.php?pm=thejoker','ret');">BLABLA</li>

Nu is het probleem dat mijn ajax werkt bij de eerste click, en dan de toggle pas als je een tweede keer clickt.... ook als ik ze omdraai... iemand hier bekend mee?

Ik weet dat de ajax wel werkt want ik heb de toggle ook omgekeerd geprobeerd. zo dus:
1
2
3
4
function toggleclose(cid)
{
  document.getElementById(cid).style.display=(document.getElementById(cid).style.display!="block")? "block" : "none";
}

en HTML:
1
2
3
<div id="ret" style="display:block;width:150px;height:176px;">
 
</div>



<li onclick="toggleclose('ret');ajax('chat.php?pm=thejoker','ret');">BLABLA</li>]]> Mon, 23 Jan 2012 16:57:48 +0000 http://www.pfz.nl/forum/topic/6666-dubbele-javscript-functions-onclick-1-werkt/ Iframe maken met Javascript http://www.pfz.nl/forum/topic/6665-iframe-maken-met-javascript/
nu wil ik op mijn website een iframe maken,
dit moet door javascript op de locatie van het script gebouwd worden,
nu moet hij de pagina: ads.ucp als src laden maar het lukt me niet hij toont continue de pagina linksboven terwijl waar ik het script neer had gezet hij getoond moest worden.

wie kan me helpen?]]> Mon, 23 Jan 2012 13:19:38 +0000 http://www.pfz.nl/forum/topic/6665-iframe-maken-met-javascript/ Geen CSS in IE7 http://www.pfz.nl/forum/topic/6656-geen-css-in-ie7/
Ik ben bezig aan een website, die ongeveer af is, maar nu zie ik in de compatibiliteitsmodus van IE8 dat hij helemaal geen CSS opmaak heeft in IE7.
Voorbeeld op http://www.jomob.be.
Buiten een paar javascript fouten, die ik niet krijg opgelost want ik weet niet wat ze betekenen, valideert de website perfect bij W3C.
Ik was van plan om de website vandaag volledig online te zetten, maar dat gaat dus niet lukken.]]> Sun, 22 Jan 2012 17:06:35 +0000 http://www.pfz.nl/forum/topic/6656-geen-css-in-ie7/ Shadowbox werkt niet naar behoren http://www.pfz.nl/forum/topic/6651-shadowbox-werkt-niet-naar-behoren/
Ik gebruik Shadowbox (Jquery) op mijn website om mijn partypictures te laten zien aan de bezoeker.
Het script werkt prima, alleen 1 ding werkt niet goed :

Als je op deze linkt klikt :
http://www.representin.nl/voorbeeld.php

Vervolgens klik je op het eerste plaatje. Dan opent zich de grote versie in Shadowbox. Jouw gehele scherm krijgt een zwarte achtergrond.

Als je nu naar ONDER SCROLLT zie je, dat je scherm niet meer zwart is, maar dat alleen het bovenste gedeelte van de website zwart blijft. Kortom: Als je op de laatste foto klikt, zie je geen zwarte achtergrond, want die weergeeft hij bovenaan de website ipv. op je gehele scherm.

Ik kom er niet uit, wat ik ook doe. Op de website van Shadowbox laat hij hem wel goed zien. Ik heb niets verandert aan de scripting.

Iemand die mij kan helpen?

Vriendelijke groeten,
Daniel Loo]]> Sat, 21 Jan 2012 13:27:39 +0000 http://www.pfz.nl/forum/topic/6651-shadowbox-werkt-niet-naar-behoren/ Hidden fields en security http://www.pfz.nl/forum/topic/6649-hidden-fields-en-security/ nu vroeg ik me af hoe veilig het is.

ik kreeg gewoon een plain form met onder andere onderstaande elementen waaronder ook mijn zo gehete merchandID:

1
2
3
4
5
  <input type="hidden" name="language" value="nl">
                        <input type="hidden" name="currency" value="EUR">
                        <input type="hidden" name="description" value=" idealtest">
                        <input type="hidden" name="itemNumber1" value="1234">
                        <input type="hidden" name="itemDescription1" value="food">


Kan dit gewoon, als je even in de sourcecode kijkt zie je alles gewoon staan.]]> Sat, 21 Jan 2012 00:53:52 +0000 http://www.pfz.nl/forum/topic/6649-hidden-fields-en-security/ vaag IE8 probleem. Pagina laad niet goed /traag http://www.pfz.nl/forum/topic/6648-vaag-ie8-probleem-pagina-laad-niet-goed-traag/
Ik heb een vaag IE8 probleem.

Ik ben bezig een website aan het bouwen voor een gymnastiekvereniging en als ik de website nu laad in IE8 dan laad hij in eerste instantie maar voor de helft en als de slideshow naar de volgende afbeelding gaat dan laad ie de rest van de pagina. heeft iemand een idee waar dit aan kan liggen. Ik verdenk de jquery slideshow ervan of ergens een foutje in de css maar ik kan niks ontdekken. Heeft iemand enig idee waar dit aan kan liggen. Ik kom er niet uit. Ik heb me er werkelijk heel de dag er op stuk gebeten.

De link naar de website is http://test.gravesteyn.com .

Sorry als ik een beetje door de bocht ben. Maar ik heb werkelijk geen idee meer waar het aan ligt.]]> Fri, 20 Jan 2012 21:26:24 +0000 http://www.pfz.nl/forum/topic/6648-vaag-ie8-probleem-pagina-laad-niet-goed-traag/