First time trying..

**canadacatman** · 05-16-2016, 08:55 PM

I am trying to get a div to show once per day.

This is the original code (Working)

Code:

<html> 
<head> 
<title></title> 


<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min"></script>
<script type="text/javascript"> 
function setDateDiv() { 
var day = new Date().getDay(); 
var dayDiv = document.getElementById('dayDiv'); 

switch (day) { 
case 0: 
dayDiv.innerHTML = 'Sunday'; 
break; 
case 1: 
dayDiv.innerHTML = 'Monday'; 
break; 
case 2: 
dayDiv.innerHTML = 'Tuesday'; 
break; 
case 3: 
dayDiv.innerHTML = 'Wednesday'; 
break; 
case 4: 
dayDiv.innerHTML = 'Thursday'; 
break; 
case 5: 
dayDiv.innerHTML = 'Friday'; 
break; 
case 6: 
dayDiv.innerHTML = 'Saturday'; 
break; 
} 
} 
</script> 
</head> 
<body onload="setDateDiv();"> 
<div id="dayDiv"></div> 
</body> 
</html>

I tried to put a div in one of the days:
Not working now

<html>
<head>
<title></title>
<style>
.fragment {
font-size: 12px;
font-family: tahoma;
height: 140px;
border: 1px solid #ccc;
color: #555;
display: block;
padding: 10px;
box-sizing: border-box;
text-decoration: none;
}

.fragment:hover {
box-shadow: 2px 2px 5px rgba(0,0,0,.2);

}

.fragment img {
float: left;
margin-right: 10px;
}

.fragment h3 {
padding: 0;
margin: 0;
color: #369;
}
.fragment h4 {
padding: 0;
margin: 0;
color: #000;
}
</style>

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min"></script>
<script type="text/javascript">
function setDateDiv() {
var day = new Date().getDay();
var dayDiv = document.getElementById('dayDiv');

switch (day) {
case 0:
dayDiv.innerHTML = 'Sunday';
break;
case 1:
dayDiv.innerHTML = '<div id="previewBox">
<button id="closeButton">Close</button>
<a class="fragment" href="google.com">
<div>
<img src ="http://placehold.it/116x116" alt="some description"/>
<h3>the title will go here</h3>
<h4> www.myurlwill.com </h4>
<p class="text">
this is a short description yada yada peanuts etc this is a short description yada yada peanuts etc this is a short description yada yada peanuts etc this is a short description yada yada peanuts etcthis is a short description yada yada peanuts etc
</p>
</div>
</a>
</div>';
break;
case 2:
dayDiv.innerHTML = 'Tuesday';
break;
case 3:
dayDiv.innerHTML = 'Wednesday';
break;
case 4:
dayDiv.innerHTML = 'Thursday';
break;
case 5:
dayDiv.innerHTML = 'Friday';
break;
case 6:
dayDiv.innerHTML = 'Saturday';
break;
}
}
</script>
</head>
<body onload="setDateDiv();">
<div id="dayDiv"></div>
</body>
</html>

**Sempervivum** · 05-16-2016, 09:26 PM

as soon as I take just text out of the day and put a div with content it will not show up

Don't understand this. Can you explain more detailed or give a code example demonstrating what you are changing?

**canadacatman** · 05-16-2016, 09:48 PM

I just updated the code to the one that worked before I touched it and what I touched and now not working. Thx

**Sempervivum** · 05-16-2016, 10:57 PM

That's fine, now I understand. If you define a string spanning some lines you have to write a "\" at the end of each line where the string is to be continued:

Code:

dayDiv.innerHTML = '<div id="previewBox">\
<button id="closeButton">Close</button>\
<a class="fragment" href="google.com">\
<div>\
<img src ="http://placehold.it/116x116" alt="some description"/>\
<h3>the title will go here</h3>\
<h4> www.myurlwill.com </h4>\
<p class="text">\
this is a short description yada yada peanuts etc this is a short description yada yada peanuts etc this is a short description yada yada peanuts etc\ this is a short description yada yada peanuts etcthis is a short description yada yada peanuts etc \
</p>\
</div>\
</a>\
</div>';

This works for me.

Thread: First time trying..

Thread Tools

Rate This Thread

First time trying..

Tags for this Thread

Posting Permissions