Adobe Community: Message List - Javascript written in Dreamweaver behaves different when inserted in Muse

Re: Javascript written in Dreamweaver behaves different when inserted in Muse

forums_noreply@adobe.com — Mon, 03 Nov 2014 13:19:38 GMT

Thank you for your help.

Re: Javascript written in Dreamweaver behaves different when inserted in Muse

forums_noreply@adobe.com — Sun, 02 Nov 2014 23:58:06 GMT

Hello,

Only difference I see is with the CSS properties of Input tag.

You can define the style for these tag by adding few lines of code right below <title> tag in the code you are pasting in Object > Insert HTML.

For an example you can add codes mentioned below

<style type="text/css">

input {

border: thin solid #AAA2A3;

margin-bottom: 7px;

margin-left: 9px;

}

</style>

As per your requirement you can edit them.

One more advice. Break your codes in to 3 part, Scripts tag, Style tag and Div tag in body.

Insert Div tag in body in Object > Insert HTML

Insert Scripts tag, Style tag in Page > Page Properties >Metadata > HTML for <head>

This will help you avoid any unexpected behavior in preview when you have more stuff inserted in Muse Page.

1. Script tag (Insert it in Page > Page Properties >Metadata > HTML for <head>)

function fixTheList(){

var msg = "";

if (document.getElementById("appleQty").value > 0) {

msg += "Apples ";

msg +=document.getElementById("appleQty").value;

msg += "<br>";

}

if (document.getElementById("orangesQty").value > 0) {

msg += "Oranges ";

msg +=document.getElementById("orangesQty").value;

msg += "<br>";

}

if (document.getElementById("tangerineQty").value > 0) {

msg += "Tangerines ";

msg +=document.getElementById("tangerineQty").value;

msg += "<br>";

}

if (document.getElementById("kiwiQty").value > 0) {

msg += "Kiwis ";

msg +=document.getElementById("kiwiQty").value;

msg += "<br>";

}

if (document.getElementById("pearsQty").value > 0) {

msg += "Pears ";

msg +=document.getElementById("pearsQty").value;

msg += "<br>";

}

if (document.getElementById("grapesQty").value > 0) {

msg += "Grapes ";

msg +=document.getElementById("grapesQty").value;

msg += "<br>";

}

if (document.getElementById("canteloupeQty").value>0) {

msg += "Canteloupes ";

msg+=document.getElementById("canteloupeQty").value;

msg += "<br>";

}

if (document.getElementById("strawberryQty").value>0) {

msg += "Strawberry ";

msg+=document.getElementById("strawberryQty").value;

msg += "<br>";

}

document.getElementById("outputDiv").innerHTML = msg;

}

</script>

2. Style Tag (Insert it in Page > Page Properties >Metadata > HTML for <head>)

input {

border: thin solid #AAA2A3;

margin-bottom: 7px;

margin-left: 9px;

}

</style>

3. Div tag in body (Insert in Object > Insert HTML)

<table>

<tr>

<td>Quantity</td>

</tr>

<tr>

<td>Apples</td>

</tr>

<tr>

<td>Oranges</td>

</tr>

<tr>

<td>Tangerines</td>

</tr>

<tr>

</tr>

<tr>

<td>Pears</td>

</tr>

<tr>

<td>Grapes</td>

</tr>

<tr>

<td>Cantaloupe</td>

<td>

</td>

</tr>

<tr>

<td>Strawberry</td>

</td>

</tr>

</table>

</div>

Regards

Vivek

Javascript written in Dreamweaver behaves different when inserted in Muse

forums_noreply@adobe.com — Sun, 02 Nov 2014 13:33:50 GMT

I have a simple javascript list that is written in Dreamweaver and works as expected but when I copy & paste that exact javascript into the -Object-insert html section in Muse the outcome is different.

Is there a place I can go to research on what I need to do different for that code to behave properly in Muse? I am not understanding what I need to change or do different.

Below is the code I got to work in Dreamweaver:

<!doctype html>

<html>

<head>

function fixTheList(){

var msg = "";

if (document.getElementById("appleQty").value > 0) {

msg += "Apples ";

msg +=document.getElementById("appleQty").value;

msg += "<br>";

}

if (document.getElementById("orangesQty").value > 0) {

msg += "Oranges ";

msg +=document.getElementById("orangesQty").value;

msg += "<br>";

}

if (document.getElementById("tangerineQty").value > 0) {

msg += "Tangerines ";

msg +=document.getElementById("tangerineQty").value;

msg += "<br>";

}

if (document.getElementById("kiwiQty").value > 0) {

msg += "Kiwis ";

msg +=document.getElementById("kiwiQty").value;

msg += "<br>";

}

if (document.getElementById("pearsQty").value > 0) {

msg += "Pears ";

msg +=document.getElementById("pearsQty").value;

msg += "<br>";

}

if (document.getElementById("grapesQty").value > 0) {

msg += "Grapes ";

msg +=document.getElementById("grapesQty").value;

msg += "<br>";

}

if (document.getElementById("canteloupeQty").value>0) {

msg += "Canteloupes ";

msg+=document.getElementById("canteloupeQty").value;

msg += "<br>";

}

if (document.getElementById("strawberryQty").value>0) {

msg += "Strawberry ";

msg+=document.getElementById("strawberryQty").value;

msg += "<br>";

}

document.getElementById("outputDiv").innerHTML = msg;

}

</script>

</head>

<body>

<table>

<tr>

<td>Quantity</td>

</tr>

<tr>

<td>Apples</td>

</tr>

<tr>

<td>Oranges</td>

</tr>

<tr>

<td>Tangerines</td>

</tr>

<tr>

</tr>

<tr>

<td>Pears</td>

</tr>

<tr>

<td>Grapes</td>

</tr>

<tr>

<td>Cantaloupe</td>

<td>

</td>

</tr>

<tr>

<td>Strawberry</td>

</td>

</tr>

</table>

</div>

</body>

</html>