Jquery/HTML Conditional

Question

How would I go about writing conditionals for the below ajax that says if one of these fields returns empty don't return part of the string? Any help would be MOST appreciated:

$.ajax({
    url: "http://www.lcbcchurch.com/mobileJSON/events",
    dataType: "json",
    success: function (data) {
        eventResults(data);
    }
});

function eventResults(data) {
    for (var i = 0; i < data.length; i++) {
        // this will log all of the images url
        console.log(data[i]["event-image"]);
        // just access the part you want by it's name.
        $("#event-images").append("<a href='#" + data[i]["url_title"] + "' id='event-button' data-role='button'><img class='pics' src='" + data[i]["event-image"] + "' width='" + 156 + "' height='" + 74 + "'></a>");
        $(".wrapper").prepend("<div id='" + data[i]["url_title"] + "' class='event-detail' data-role='page'><div class='back-header' data-role='header'><a href='events.html' data-icon='delete' iconpos='notext'>Cancel</a><h1></h1><a href='" + data[i]["event-registration"] + "' data-icon='arrow-r' data-iconpos='right' data-theme='b'>Register</a></div><img src='" + data[i]["event-image"] + "' /><strong>DATE: " + data[i]["event-date"] + "</strong><strong>LOCATION: " + data[i]["event-location"] + "</strong><strong>DEADLINE: " + data[i]["event-deadline"] + "</strong>" + data[i]["event-description"] + "</div>");
        $("#event-slider").append("<a href='" + data[i]["event-image"] + "'></a>");

    }
    $('.loading-wrapper').empty();
    // Call the pics ready function
    eventPics();
}

can you reframe your question properly, Which of the fields returns empty? The data returned as part of your ajax call? — DG3
– DG3, Commented Mar 15, 2012 at 18:42
event-description, event-deadline and event location could be empty. The rest always has data. I also need to return this as on big block, not separate block as in the example below. — nate8684
– nate8684, Commented Mar 15, 2012 at 18:48

Caimen · Accepted Answer · 2012-03-15 18:42:38Z

1

Something like this I think. Don't have time to test.

if (data[i]["url_title"] != undefined) {
    $("#event-images").append("<a href='#"+data[i]["url_title"]+"' id='event-button' data-role='button'><img class='pics' src='"+data[i]["event-image"]+"' width='"+156+"' height='"+74+"'></a>");
}

answered Mar 15, 2012 at 18:42

Caimen

2,6182 gold badges27 silver badges43 bronze badges

Sign up to request clarification or add additional context in comments.

7 Comments

nate8684 Over a year ago

Thanks for the help. I need to return this as one big block, not as separate blocks. In other words, some of the fields are empty and I need to not post if they are. But they need to be returned all at once so they are in the correct order.

Caimen Over a year ago

I'm not sure what you mean by "one big block".

nate8684 Over a year ago

So instead of checking one conditional and then fetching the data, I need to fetch the data and the check some conditionals within the string. If they don't return true, I need to remove part of the string with those fields in it. Make sense?

nate8684 Over a year ago

So in other words, it's not all or nothing. Part of the string can be true while the other part is false.

Caimen Over a year ago

Then seperate your code out into multiple appends. Put what is conditional inside the if statement and what isn't outside. Your entire div does not have to be inside one append.

|

Collectives™ on Stack Overflow

Jquery/HTML Conditional

1 Answer 1

7 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

7 Comments

Your Answer

Sign up or log in

Post as a guest

Related