ugrás a tartalomhoz

Div elrejtése.

zsofar · 2014. Jún. 19. (Cs), 10.21
Sziasztok,
szeretném megoldani js-ben az alábbi processzust:
- aktuális url lekérdezése
- user id érték azonosítása
- div elem elrejtése

Köszönöm a segítséget.
Zsolt
‹ Datalist attribútumainak elérés Div link létrehozása ›
 ■
1

Kézikönyv

Hidvégi Gábor · 2014. Jún. 19. (Cs), 10.31
javascript reference
2

én egy kis segítséget kérnék.

zsofar · 2014. Jún. 19. (Cs), 10.37
én egy kis segítséget kérnék.

Üdv,
3

kis segítség

bonga · 2014. Jún. 19. (Cs), 10.42
- aktuális url: document.URL
- userid érték azonosítása: document.URL.match(/userid=(\d+)/)
- div elem elrejtése: document.getElementById('div-id').style.display="none"
4

Köszönöm szépen..... Zsolt

zsofar · 2014. Jún. 19. (Cs), 10.43
Köszönöm szépen.....
Zsolt
5

egy pl scriptet tudnál írni ,

zsofar · 2014. Jún. 19. (Cs), 10.47
egy pl scriptet tudnál írni , hogy jobban átlássam?
Köszönöm
6

példa script

bonga · 2014. Jún. 19. (Cs), 11.27
Legyen neked karácsony: Ez a minta csak abban az esetben jeleníti meg a div-coupon -t, ha az URL-ben a user_id értéke 8, minden más esetben nem jelenik meg.
  1. <!DOCTYPE html>  
  2. <html>  
  3. <head>  
  4. <title>Sample</title>  
  5. <style type="text/css">  
  6. <!--  
  7. #div-coupon {  
  8.   width: 100px;  
  9.   height: 100px;  
  10.   background-color: teal;  
  11.   color: white;  
  12.   text-align: center;  
  13.   display: none;  
  14. }  
  15. -->  
  16. </style>  
  17. <script type="text/javascript">  
  18. <!--  
  19. function showDivIfUserIsEight() {  
  20.   var user = document.URL.match(/user_id=(\d+)/);  
  21.   if ( (user != null) && (user[1]=='8')) {  
  22.     document.getElementById('div-coupon').style.display="block";  
  23.   }  
  24. }  
  25. -->  
  26. </script>  
  27. </head>  
  28. <body onload="showDivIfUserIsEight()">  
  29.   <div id="div-coupon">Coupon</div>  
  30. </body></html>  
7

Köszönöm az ajándékot. Üdv,

zsofar · 2014. Jún. 19. (Cs), 11.39
Köszönöm az ajándékot.

Üdv,
8

Köszönöm, de hogy ne legyek

zsofar · 2014. Jún. 19. (Cs), 11.54
Köszönöm, de hogy ne legyek boldog úgy kell megoldanom hogy a 'costumer_group_id=8' -nak jelenjen csak meg a div. Természetesen ez nem szerepel az URL-ben.
  1. </script>  
  2. <script type="text/javascript">    
  3. <!--    
  4. function showDivIfUserIsEight() {    
  5.   var user = document.URL.match(/costumer_user_id=(\d+)/);    
  6.   if ( (user != null) && (user[1]=='8')) {    
  7.     document.getElementById('coupon').style.display="block";    
  8.   }    
  9. }    
  10. -->    
  11. </script>  
9

ez esetben mindenképpen

szabo.b.gabor · 2014. Jún. 20. (P), 10.58
ez esetben mindenképpen valami szerver oldali megoldásra lenne szükséged.

oldal generáláskor beleraksz egy js változót a forrásba, vagy eleve csak akkor jeleníted meg a div-et ha lehet, bár látom hogy a másik témában, hogy ez nem lehetséges.

ha van olyan url, ami adott id-hez megmondja, hogy mi a csoport akkor oda kérdezz be ajax-szal, aztán viszontlátásra.
10

API

zsofar · 2014. Jún. 26. (Cs), 10.00
Sziasztok,
kaptunk API hozzáférést így bármilyen adatott letudunk kérdezni. A costumer_group_id-t ezzen az URL: "/customerGroups/Y3VzdG9tZXJHcm91cC1jdXN0b21lcl9ncm91cF9pZD02"
de kell hozzá felhasználói név és jelszó is. Tudtok segíteni, hogy nézne ki a script.

Üdv,
Zsolt
11

php

zsofar · 2014. Jún. 26. (Cs), 10.02
php-t megírtam ami lekéri a costumer_group adatait már csak a javascriptben kérném a segítésget.

Üdv,
Zsolti
12

jquery

szabo.b.gabor · 2014. Jún. 26. (Cs), 10.26
bonga példája alapján
  1. <!DOCTYPE html>    
  2. <html>    
  3. <head>    
  4. <title>Sample</title>    
  5. <style type="text/css">    
  6. <!--    
  7. #div-coupon {    
  8.   width: 100px;    
  9.   height: 100px;    
  10.   background-color: teal;    
  11.   color: white;    
  12.   text-align: center;    
  13. }    
  14. .hidden{  
  15. display: none;  
  16. }  
  17. -->    
  18. </style>    
  19. </head>    
  20. <body>    
  21.   <div id="div-coupon" class="hidden">Coupon</div>    
  22.   
  23. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>  
  24. <script type="text/javascript">    
  25. <!--    
  26. $(function(){  
  27.   $.ajax({  
  28.     type:'GET',  
  29.     dataType:'json',  
  30.     url:'ahol-a-phpd-csucsul.php',  
  31.     success:function(res){  
  32.       if(res.visible){ $('#div-coupon').removeClass('hidden'); }  
  33.     }  
  34.   })  
  35. });  
  36. -->    
  37. </script>    
  38.   
  39.   
  40. </body></html>   
a php-dnak valami json objektumot kellene visszaadnia. tehát kb ennyi legyen az össz kimenet.
  1. $visible = true; //vagy false, azt itt mar tudod  
  2. header('Content-Type: application/json');  
  3. echo json_encode(array('visible' => $visible));  
13

Köszönöm

zsofar · 2014. Jún. 26. (Cs), 10.44
Köszönöm ....
14

csak costumer_group_id=8

zsofar · 2014. Jún. 26. (Cs), 11.27
csak a costumer_group_id=8 -nak akarom odaadni a div-t?

Üdv,
Zsolti
15

hash

zsofar · 2014. Jún. 26. (Cs), 14.31
Még egy kis gondom van hogy a php amikor lekérdezi a costumer_group_id-t akkor az ID-k hash kóddal érkeznek vissza.

Üdv,
Zsolt
16

php

zsofar · 2014. Jún. 26. (Cs), 16.04
A php így néz ki:
  1. <?php  
  2.   
  3. require_once dirname(__FILE__) . '/classes/apicall.php';  
  4.   
  5. $username = 'xxx';  
  6. $apiKey = 'xxx';  
  7.   
  8. $apiCall = new ApiCall($username, $apiKey);  
  9. $apiCall->setFormat('json');  
  10.   
  11. $url = 'xxx.api.shoprenter.hu/customerGroups';  
  12. $response = $apiCall->execute('GET', $url);  
  13.   
  14. echo '<pre>';  
  15. print_r($response->getParsedResponseBody());  
17

ne haragudj, de mi a

szabo.b.gabor · 2014. Jún. 27. (P), 08.43
ne haragudj, de mi a probléma? (:

megnézed a php kimenetét, aztán kitalálod, hogy mi alapján tudod eldönteni, hogy 8-as-e, aztán befejezed a fenti php-val.
18

Szia, a php kimenet a

zsofar · 2014. Jún. 27. (P), 09.55
Szia,

a php kimenet a következő: (hogy tudom eldönteni melyik a 8-as)

Array
(
[href] => http://xxx.api.shoprenter.hu/customerGroups?page=0&limit=25
[page] => 0
[limit] => 25
[first] => Array
(
[href] => http://xxx.api.shoprenter.hu/customerGroups?page=0&limit=25
)

[previous] =>
[next] =>
[last] => Array
(
[href] => http://xxx.api.shoprenter.hu/customerGroups?page=0&limit=25
)

[items] => Array
(
[item] => Array
(
[0] => Array
(
[href] => http://xxx.api.shoprenter.hu/customerGroups/Y3VzdG9tZXJHcm91cC1jdXN0b21lcl9ncm91cF9pZD04
)

[1] => Array
(
[href] => http://xxx.api.shoprenter.hu/customerGroups/Y3VzdG9tZXJHcm91cC1jdXN0b21lcl9ncm91cF9pZD05
)

[2] => Array
(
[href] => http://xxx.api.shoprenter.hu/customerGroups/Y3VzdG9tZXJHcm91cC1jdXN0b21lcl9ncm91cF9pZD0xMA==
)

[3] => Array
(
[href] => http://xxx.api.shoprenter.hu/customerGroups/Y3VzdG9tZXJHcm91cC1jdXN0b21lcl9ncm91cF9pZD0xMQ==
)

[4] => Array
(
[href] => http://xxx.api.shoprenter.hu/customerGroups/Y3VzdG9tZXJHcm91cC1jdXN0b21lcl9ncm91cF9pZD0xMg==
)

[5] => Array
(
[href] => http://xxx.api.shoprenter.hu/customerGroups/Y3VzdG9tZXJHcm91cC1jdXN0b21lcl9ncm91cF9pZD0xMw==
)

[6] => Array
(
[href] => http://xxx.api.shoprenter.hu/customerGroups/Y3VzdG9tZXJHcm91cC1jdXN0b21lcl9ncm91cF9pZD0xNA==
)

[7] => Array
(
[href] => http://xxx.api.shoprenter.hu/customerGroups/Y3VzdG9tZXJHcm91cC1jdXN0b21lcl9ncm91cF9pZD0xNQ==
)

)

)

)
19

az api hívásod kilistázta,

szabo.b.gabor · 2014. Jún. 27. (P), 10.18
az api hívásod kilistázta, hogy milyen csoportok vannak, és adott csoport tulajdonságai melyik url-en érhetőek el. gyanítom, hogy a 8-adik lesz az un. "8-as csoport".

az api hívást annak a linkjére küldd. gondolom kilistázza majd a júzereket talán (azaz valszeg nem), vagy van valami egyéb hívás ami megmondja, hogy az adott felhasználó tagja-e a csoportnak.
20

Szia, Ő az a csoport aminek

zsofar · 2014. Jún. 27. (P), 11.26
Szia, Ő az a csoport aminek engedélyezni kéne a div-t, csak nekik. Dolgozok rajta :-)


Array
(
[href] => http://xxx.api.shoprenter.hu/customerGroups/Y3VzdG9tZXJHcm91cC1jdXN0b21lcl9ncm91cF9pZD04
[id] => Y3VzdG9tZXJHcm91cC1jdXN0b21lcl9ncm91cF9pZD04
[name] => AlapĂŠrtelmezett
[percentDiscount] => 0
[percentDiscountSpecialPrices] => 0
)