Search jQuery

jQuery Forum

Screen name:
mandylaz

mandylaz's Profile

3 Posts

10 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

jquery + json generate html buttons with condition
[7Replies]
- 17-Nov-2012 12:13 PM
- Forum: Getting Started
Hi all,

My need is to generate buttons with conditions described in json. Help me please, I’m newbie.

Here is my json code (it is valid due to check result at http://www.jsoneditoronline.org/ , but does not work with html code below) :

{
"Caption": "Module caption",
"IconsDirectory": "C://Images/",
"Buttons": [
{
"Conditions": [
{
"ConditionText": "1 == 1",
"ButtonText": "Text1",
"Visible": true,
"Colors": {
"FontColor": "#FFFFFF",
"BGColor": "#00FF00"
},
"Size": {
"Width": 200,
"Height": 50
},
"Icon": {
"FileName": "Smile.png",
"Width": 16,
"Height": 16
},
"Url": {
"UrlAddress": "http://www.google.com",
"OpenNewWindow": true
},
"JavascriptAction": {
"Text": "alert('ok');"
}
},
{
"ConditionText": "2 == 2",
"ButtonText": "Text2",
"Visible": true,
"Colors": {
"FontColor": "#FFFFFF",
"BGColor": "#00FF00"
},
"Size": {
"Width": 200,
"Height": 50
},
"Icon": {
"FileName": "Smile.png",
"Width": 16,
"Height": 16
},
"Url": {
"UrlAddress": "http://www.google.com",
"OpenNewWindow": true
},
"JavascriptAction": {
"Text": "alert('ok');"
}
}
]
}
]
}

html code:

<html>
<head>
<title>SMButtons</title>
[removed][removed]
[removed]
//When document loaded.
$(document).ready(function(){
// Get data from file as JSON
$.getJSON('weekendtask.json', function(data) {
var buttons = data.Buttons;
$.each(buttons, function(key, val)
{
$('<li><input type="button" value="'+ val.ButtonText +'"/></li>').appendTo('#ulObj');
});
});
});
[removed]
</head>
<body>
<br>
<br>
<div>
<ul id='ulObj'>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
</div>
</body>
</html>

I've read I can use this construction:

val.Conditions[0]['Colors'].FontColor

or

val.Conditions[0].Colors.FontColor
but I can not understand how.

So, the question is - how do I change this line for generating buttons with condition?

$('<li><input type="button" onClick="'+ val.Conditions[0].JavaScriptAction +'" value="'+ val.Conditions[0].ButtonText +'"/></li>').appendTo('#ulObj');

display function result in page body instead of message box
[13Replies]
- 08-Nov-2012 05:32 AM
- Forum: Getting Started
I've got function WCFJSON

function WCFJSON() {
var userid = "2";
Type = "POST";
Url = "Service.svc/GetUser";
Data = '{"Id": "' + userid + '"}';
ContentType = "application/json; charset=utf-8";
DataType = "json"; varProcessData = true;
CallService();
}

This function is called when document is ready:

$(document).ready(
function () {
WCFJSON();
}
);

As a result I get dialog box with value corresponding to userid = "2".

Now the question is how do I display the result in page body instead of dialog box? As far as I can understand, I should mention this function in

<body>

</body>

Help me plase with correct syntax for doing that.

Jquery + Wcf + Sql
[0Replies]
- 07-Nov-2012 05:00 PM
- Forum: Getting Started
Hi all,
could you please give me some simple example on jquery + wcf + sql ? I mean, my need is to create wcf service for getting data from sql table, jquery should help show result at web page. I'm newbie, help me please.

«Prev
Next »

Response title

Attachments

jQuery Forum

Activity Trend