[Javascript] voor dummies deel 5

Index

» digital corner

actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
  dinsdag 20 maart 2007 @ 20:57:24 #91
74523 BaggerUser
ModderFokker!
pi_47487187
het is eigenlijk javascript icm php.. maar krijg de komma's niet goed wordt gek aaaaah (jullie kennen het gevoel vast wel)
<?php
$NAVIGATIE_rechts .= '<li><a href='#' onClick='showHint("ARTIKELEN")'>ARTIKELEN</a></li>';
?>

1
2
3		<script language='javascript'>
document.getElementById("navigatierechts").innerHTML = '<?php echo $NAVIGATIE_rechts; ?>';
</script>



het ligt aan de quotjes etc.. maar ik probeer al een uur te escapen etc maar het wel niet lukken..
De enige echte BaggerUser!
Riemen
fiets kopen
  dinsdag 20 maart 2007 @ 21:15:23 #92
85514 ralfie
!Yvan eht nioj
pi_47487965
1
2
3		<?php
$NAVIGATIE_rechts .='<li><a href="#" onClick="showHint(\\\'ARTIKELEN\\\')">ARTIKELEN</a></li>';
?>

even uit mn kopke
  dinsdag 20 maart 2007 @ 21:27:07 #93
74523 BaggerUser
ModderFokker!
pi_47488520
maar 3 \ had ik nog niet geprobeerd.. kan dat ookal

dankjewel!!!! kan ik eindelijk weer een stukje verder!
De enige echte BaggerUser!
Riemen
fiets kopen
pi_47550276
Iemand enig idee waarom:

1
2
3		function aapnootmies(aap,noot){
document.getElementById(aap+noot).value = "Mies!";
}


wel werkt, en onderstaande code:

1
2
3
4
5		function aapnootmies(aap,noot){
for (var i = 0; i <= 2; i++){
document.getElementById(aap+i).value = noot;
}
}


Niet? Ik raak hier een beetje gefrustreerd :P
pi_47550818
is er wel een element met het id aap0?

Steam - SC2
pi_47551239
Jep. Ik heb het nu compleet opnieuw geschreven, waarna het opeens wel werkte. Zeer vreemd, want mijn blote oog kon geen verschil ontdekken

Ik dacht eigenlijk meer dat het kwam door de manier waarop ik de variabele I opvroeg.
pi_47551425
Zeer zeker erg vreemd, omdat ik em heb gekopieerd van jou en hij werkt wel.
http://www.danielpunt.nl/geqxie.htm
Steam - SC2
pi_47551932
1
2
3		for (var counter=start; counter<=end; counter++){
   document.getElementById(field+counter).value = document.getElementById(field+id).value;
}

1
2
3
4		   
for (var i=start; i<=end; i++){
   document.getElementById(field+i).value = document.getElementById(field+id).value;
}


In mijn geval werkte het tweede stukje code flawless :)
pi_47588909
Ik vraag me iets af, mijn kennis van JS is 0:
Ik heb een stukje HTML waarin ik meerdere foto's in dezelfde pagina om de beurt wil weergeven. Kan ik dan in JS iets van een array maken met de bestandsnamen en dat ik dan op 'volgende' kan klikken dat de volgende foto geladen wordt, of eventueel heel het HTML bestand opnieuw inclusief de volgende foto?
pi_47589050
Ja dat kan. Gewoon de src van het plaatje veranderen met javascript.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
  vrijdag 23 maart 2007 @ 17:51:43 #101
12880 CraZaay
prettig gestoord
pi_47589075
quote:
Op vrijdag 23 maart 2007 17:44 schreef veldmuis het volgende:
Ik heb een stukje HTML waarin ik meerdere foto's in dezelfde pagina om de beurt wil weergeven. Kan ik dan in JS iets van een array maken met de bestandsnamen en dat ik dan op 'volgende' kan klikken dat de volgende foto geladen wordt, of eventueel heel het HTML bestand opnieuw inclusief de volgende foto?
Da's geen enkel probleem

Je kan met javascript de source van een afbeelding (de "src" in <img src="...">) dynamisch wijzigen via "element.src = 'plaatje.jpg';".
pi_47589085
Okay, dan weet ik dat het nuttig is om verder te zoeken
Heb je nog een hint waar ik naar moet zoeken?
pi_47589094
Ah, dankje, CraZaay!
pi_47589659
http://www.buyshit.nl/keygen/

Hier staat alles dat je nodig hebt
pi_47590724
Cool!
Kan je hiermee ook nog verder gaan zodat je een stuk tekst op de pagina kan veranderen, en ook plaatjes. Hmm, hoe leg je dat uit

Tekst 1 met plaatje 1, 2, 3
Tekst 2 met plaatje 4, 5, 6

dat idee?
pi_47590968
1
2
3
4
5		<p id="tekstveld">Doei!</p>

<script>
document.getElementById('tekstveld').innerHTML = "Hoi!";
</script>


innerHTML is het magische woord :)
  zaterdag 24 maart 2007 @ 14:04:49 #107
12880 CraZaay
prettig gestoord
pi_47609852
Of DOM scripting, maar da's voor nu misschien te hoog gegrepen

En als je verschillende teksten hebt met per tekst verschillende plaatjes zou ik ze in een multidimensionale array zetten.
pi_47609901
Pff, heb even wat rond zitten zoeken, en denk dat ik toch maar op zoek ga naar een hoster die ook php/sql heeft.
  zaterdag 24 maart 2007 @ 23:00:03 #109
12880 CraZaay
prettig gestoord
pi_47626967
Want dan denk je een betere user experience te bieden door de pagina steeds te herladen?
pi_47627037
quote:
Op zaterdag 24 maart 2007 23:00 schreef CraZaay het volgende:
Want dan denk je een betere user experience te bieden door de pagina steeds te herladen?
PHP-gegenereerd AJAX met SQL backend natuurlijk .
"If you are depressed you shouldn't be in C major!" - Rick Beato
pi_47627579
quote:
Op zaterdag 24 maart 2007 23:00 schreef CraZaay het volgende:
Want dan denk je een betere user experience te bieden door de pagina steeds te herladen?
Nee, dan denk ik in een kortere tijd een beter werkende pagina te maken. Javascript biedt zeker voordelen, maar het is (met mijn kennis) erg lastig als het snel af moet. Als ik tijd heb ga ik er wel eens naar kijken, voorlopig even niet. Jullie zien me nog terug hier!
  maandag 26 maart 2007 @ 13:28:11 #112
12880 CraZaay
prettig gestoord
pi_47670125
quote:
Op zaterdag 24 maart 2007 23:01 schreef Litpho het volgende:

[..]

PHP-gegenereerd AJAX met SQL backend natuurlijk .
Ik gebruik nog zelden PHP, maar zit dat er voortaan native in ja?
pi_47670237
quote:
Op maandag 26 maart 2007 13:28 schreef CraZaay het volgende:

[..]

Ik gebruik nog zelden PHP, maar zit dat er voortaan native in ja?
Geen idee. Ik gebruik absoluut géén PHP, maar je hebt uiteraard niet noodzakelijk een framework nodig om AJAX te implementeren, je loopt alleen zonder het risico dat het na verloop van tijd enigszins onoverzichtelijk wordt.
"If you are depressed you shouldn't be in C major!" - Rick Beato
pi_47736856
Op het moment verander ik plaatjes dynamisch met image.src = "bla.jpg". Gaat prima, maar ik wil het plaatje dan maximaal 100 breed hebben. image.width = 100 werkt prima, hij scaled het mooi mee, maar bij het volgende plaatje kloppen de verhoudingen niet meer.

Iemand misschien pointers voor mijn probleem? Thx

[ Bericht 63% gewijzigd door Geqxon op 28-03-2007 03:55:42 ]
pi_47739161
In Firefox heb je de naturalWidth en naturalHeight properties waarmee je de goede hoogte kan berekenen. In IE kan je even een nieuwe img maken en daar de width en height van opvragen om de echte afmetingen te achterhalen.

Zie de scaleImage functie van FOK:)
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_47739697
quote:
Op woensdag 28 maart 2007 09:41 schreef SuperRembo het volgende:
In Firefox heb je de naturalWidth en naturalHeight properties waarmee je de goede hoogte kan berekenen. In IE kan je even een nieuwe img maken en daar de width en height van opvragen om de echte afmetingen te achterhalen.

Zie de scaleImage functie van FOK:)
Een copy/paste van mijn huidige situatie:

1
2
3		image.style.display = "none";
image.src = null;
image.src = "http://www.server.com/"+directory+"/"+imageurl+".jpg";


En op de onload van dit plaatje:

1
2
3		thumb.style.display = "inline";         
thumb.width = thumb.width / (thumb.height/100);;
thumb.height = 100;


Het nadeel is dat hij ondanks mijn src = null nog steeds de afmetingen van het vorige plaatje onthoudt, waardoor de hoogte/breedte verhouding niet meer klopt. Ik duik even de fok resizer in
pi_47751502
Wat ik inmiddels opgelost heb door de complete inhoud van mijn div aan te passen via innerHTML. Grove manier, maar het werkt vele malen beter zo.
  zaterdag 31 maart 2007 @ 20:54:59 #118
74523 BaggerUser
ModderFokker!
pi_47870451
halo heb een raar probleempje :)

ik heb een stukje html:
1select name='product' id='eenheid'></select>


een javascript funtie:
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		function updatepulldownEenheid(str)
{ 
if (str.length > 0)
{ 
var url="ajax/updatepulldownEenheid.php?sid=" + Math.random() + "&id=" + str
xmlHttp=GetXmlHttpObject(pulldownEenheidChanged)
xmlHttp.open("GET", url , true)
xmlHttp.send(null)
} 
else
{ 

} 
} 


function pulldownEenheidChanged() 
{ 
 if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
 { 
//  document.getElementById("txtHint").innerHTML=xmlHttp.responseText; 
   hulp = xmlHttp.responseText; 
   hulp = hulp.substring(0,1);
   //alert(hulp);
   if (hulp == '#')
   {
      //alert(hulp);

      document.getElementById("eenheid").innerHTML = ' ';
   }
   else
   {
      document.getElementById("eenheid").innerHTML = xmlHttp.responseText;
      

   }
 } 
} 


dit is wat updatepulldownEenheid.php terug geeft:
1       $html .= "<option value="1">Big/Mac;


in firefox werkt het maar in ie laat hij "eenheid" leeg

iemand enig idee wat hier de oorzaak van is ?
De enige echte BaggerUser!
Riemen
fiets kopen
pi_47870741
Wat zou er precies moeten gebeuren?

Ik zou iig door php een JSON object/array terug geven en daarmee in javascript de benodigde options in de select toevoegen.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_47871981
Precies zoals superrembo het zegt!
Stukje om een selectfield te vullen
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15		 var selectfield = document.getElementById(select); 


  // clear down the dropdown before adding new entries into it.
    selectfield.options.length = 1;
    j=0;
   for (var i=0; i < data.length; i++)
   {
      if (data[i] == 'RETURN')
      {
      return true;
      }
      selectfield.options[j] = new Option(data[i], data[i]);
     j++;
   }
actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
[Javascript] voor dummies deel 5
Index

» digital corner

Forum Opties
Forumhop:
Hop naar:
(afkorting, bv 'KLB')