www.webdeveloper.com
Results 1 to 5 of 5

Thread: How do I get data from php array into clientside array ( maybe javascript ) ?

  1. #1
    Join Date
    May 2006
    Posts
    245

    How do I get data from php array into clientside array ( maybe javascript ) ?

    Hi,

    I have a mysql table contain a glossary
    which I would like to accesses from the webbrowser.

    The table is simple, just two columns so could be handled
    by an associatve array in php.

    So I guess I need to get the data into javascript or some
    other client-side code.

    The table contains about 2000 rows and I want to use it so that
    when the mouse hovers over a technical word, the glossary
    explanation is shown in a window.

    What route would you suggest ?


    Thanks.


    .
    Developers Choice Revealed:
    www.devchoice.info
    Which host has won, and why ?

  2. #2
    Join Date
    Sep 2013
    Posts
    221
    store it as a simple javascript object:

    <script type="text/javascript">
    var obj = JSON.parse('<?php echo json_encode($my_arr,JSON_HEX_TAG|JSON_HEX_APOS); ?>');
    console.log(obj);
    </script>
    The above code works fine for to store a php array on the client side.

    Hope this helps you.
    strad solutionswww.stradsolutions.com

  3. #3
    Join Date
    May 2006
    Posts
    245
    Thanks for helping
    That looks good.

    Only thing is; I have not used javascript objects before so I am a bit in the dark.

    So when I have my object how would I use it ?
    Is it like a php array only in javascript ?

    do I use foreach() to list its rows ?

    what I need to do is grab the word that the mouse is
    hovering over and look it up in the "obj" index and
    display the associated string on the screen in a box
    (maybe a floating movable little window ?? )

    Where would I find the relevant js functions for that ?


    Thanks.


    .
    Last edited by jeddik; 11-23-2013 at 10:57 AM.
    Developers Choice Revealed:
    www.devchoice.info
    Which host has won, and why ?

  4. #4
    Join Date
    Dec 2011
    Location
    Centurion, South Africa
    Posts
    792
    You will need to loop through it like an array. JavaScript doesn't have a foreach keyword, but it can do a "for in" :

    Code:
    <script type="text/javascript">
    
    	var obj = {
    
    		member1 : 'value1',
    		another : 'another2',
    		data3   : 'datavalue3'
    
    	}, i;
    
    	for (i in obj) {if (obj.hasOwnProperty(i)) {
    
    		document.write(i + ' = ' + obj[i] + '<br />');
    
    	}}
    
    </script>
    Output

    Code:
    member1 = value1
    another = another2
    data3 = datavalue3
    Obviously you can build a better layout during the loop using html, assigning a title tag with the values could be a temporary solution as well.

    Believe it or not, I'm much better at JavaScript than PHP :P
    JavaScript: Learn | Validate | Compact | bionoid

  5. #5
    Join Date
    May 2006
    Posts
    245
    Thanks.

    I'll give it a try and come back when I get stuck !!!


    .
    Developers Choice Revealed:
    www.devchoice.info
    Which host has won, and why ?

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles