Jump to content

stormtracker

Members
  • Posts

    18
  • Joined

  • Last visited

Posts posted by stormtracker

  1. Hello i am adding a googlemap but i am getting an error onb line 1 witch i can work out. please need help and thankyou

    <script src="https://map.googleleapis.com/maps/api/js?v-3exp&sensor=false">
    var map;
    function initMap() {
      var mapOptions = {
    zoom: 8,  
    center: new google.maps.latLng -34.397, 150.644),
    };
    map = new google.maps.Map(document.getElementByid("map"), {
        mapOptions);
    	});
    }
    </script>
    <script> async defer src="https//maps.googleleapis.com/maps/js"></script>

    this is my html 

    <section id="boxes">
          <div class="container">
            <div class="map">	
        <script src="./map.js"></script>
    	<h3>Australia Weather charts</h3>
          	   </div>

     

  2. Hello with this function i would like to add city and towns locations and add the iso bars like on this website site witch i have key for Willy Weather how can set this up using the get Element

    
     

    Kind regards Michael

    <script>
    		    function initmap() {
    			    var location =  {lat: -25.363, lng: 131.044};
    				var map = new google.maps.Map(document.getElementById("map")),{
    				    zoom:4,
    					center: location
    					});
    				}		
    		google.maps.event.addDomListener(document.getElementById('weather'),
        'click', function() {
            if ( weatherDisplayIsOn ) {
                weatherLayer.setMap( null );
                weatherDisplayIsOn = false;
            }
            else {
                weatherLayer.setMap( map );
                weatherDisplayIsOn = true;
            }
        });
    		</script>
    		<script>
    		function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
                    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
                    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                    '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                })(window,document,'script','dataLayer','GTM-54MN4R');
    		</script>

     

  3. 7 hours ago, dsonesuk said:

    The problem with wordpress it does not work with relative paths, it uses absolute paths. These absolute paths are saved to the database, therefore you have to make sure the settings match the new port address, and database url also match the new port.

    How can i find the port for woordpress to work mike

  4. 16 hours ago, dsonesuk said:

    If i remember rightly you can change skype port to 8080 in settings for such a problem. The trouble is you have to use the new port address to point to your original localhost domain address, either that or create virtual host that will use the domain address but points to localhost:8080. But all this would avoided if you did the other way round and force Skype to use port 8080 instead.

     

    https://hemantnemade.wordpress.com/2013/03/29/87/

    Hi   dsonesuk i am using :8080 and 4443 i have skype turned off in my outbound rules still not getting any site in my  browser. however i have attach couple file for you to have a look and see what i have done wrong could please help me as i am stuck many thanks and thankyou 😀

    hosts httpd-vhosts.conf httpd-ssl.conf

  5. His dsonesuk can i do somedthink like this would this work could you please help me out with the img code i stuck with words and thank you

    <h1 span class="highlight">Storm</span> Searchers</h1>

     

  6. Hello I am getting Errors on the Validator  can some one please help me as I am stuck for wards on how there could be errors mike

    <!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="description" content="Weather"><meta name="keywords" content="Weather Search, Weathercharts, Weather Groups"><meta name="author" content="Michael Wright"><link rel="stylesheet" href="style.css"><title>Stormsearchers | Welcome</title><script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script></head>↩
    ↩
    <body><header><div class="container"><div id="branding"><h1><span class="highlight">Storm</span> Searchers</h1></div><nav><ul><li class="current"><a href="index.html">Home</a></li><li><a href="about.html">About</a></li><li><a href="services.html">Services</a></li><li><a href="contacts.html">Contact Us</a></li></ul></nav></div></header><section id="showcase"><div class="container"><h1>StormSearchers</h1><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu luctus ipsum, rhoncus semper magna. Nulla nec magna sit amet sem interdum condimentum.</p></div></section>↩
    ↩
        <section id="weather"><div class="container"><h1>Search The Weather</h1><form><input id="city" type="text" placeholder="Search City..."><button  type="submit" id="submitWeather" class="button_1">Submit Request</button></form></div></section>↩
    ↩
    <section id="boxes"><div class="container"><div class="box"><img src="./img/logo_html.png" alt="Weather"><h3>Location</h3>↩
    ↩
            </div><div id="show"></div><div class="box"><img src="./img/logo_css.png"><h3>CSS3 Styling</h3>↩
            ↩
            </div><div class="box"><img src="./img/logo_brush.png"><h3>Weather Rader</h3><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus mi augue, viverra sit amet ultricies</p></div></div></section>↩
        ↩
       <footer><p>Stromsearchers, Copyright &copy; 2019 all Right's Reserved</p><p>you're use of this website is subject to our Terms & Conditions and Please read our Privacy Statement</p></footer>↩
    ↩
    </body></html>

     

    index.html

  7. Hello how can I give this form and id, when you submit the form button the contacts will show up in <div id="show"></div> and thankyou

        <section id="weather">
            <div class="container">
                <h1>Search The Weather</h1>
                <form">
                    <input type="text" id="city" placeholder="Search City..."><!--Give id -->
                    <button type="submit" id="#submitWeather" class="button_1">Submit Request</button><!--Give id -->
                    <span id="#warning"></span>
            </div>
          </form>
    	</section>

     

  8. On 10/9/2019 at 4:43 PM, Makwana Prahlad said:

    Hello, @stormtracker

    I have updated your code and attached the files.

    Please check it .

    index.html 2.32 kB · 0 downloads style.css 2.86 kB · 0 downloads weather.js 1.64 kB · 0 downloads

     

    On 10/9/2019 at 4:43 PM, Makwana Prahlad said:

    Hello, @stormtracker

    I have updated your code and attached the files.

    Please check it .

    index.html 2.32 kB · 0 downloads style.css 2.86 kB · 0 downloads weather.js 1.64 kB · 0 downloads

    i see that you have fix the error but it not showing up from the submit button when you go to search a city forecast in the container mike

  9. Hi what I am trying to is add the Request a Free Qoute to the top right hand side and have a section in the middle for my and also would like to add text to my footer image and for the header image I would like to make width 100% and a height of 85% with loosing contrast of the image can any body please help me out have I done some think wrong here is the html code 

    <!DOCTYPE html>
    <html lang="en">
    <html>
        <head>
            <meta charset="utf-8">
            <meta name="viewport" content="width=device-width">
            <meta name="description" content="Affordable Gardencare  For Small And Medium-Sized Yards">
            <meta name="author" content="Michael Wright">
            <title>Wright's lawncare service</title>
            <link rel="stylesheet" href="./css/style.css">
    		<link rel="stylesheet" href="./css/font-awesome.min.css">
        <script>
    	var bleep = new Audio();
    	bleep.src = "bleep.mp3";
    	function playBtnSounds(num){
    	    bleep.play();
    		}
    		var div1 = document.getElementById("div1");
    		div1.innerHTML = "Loaded content for section =+num;
    	</script>
    	</head>
    
      <body>
    
        <header>
    
          <div class="container">
    
            <div id="branding">
    
              <h1><i class="fa fa-rocket"></i> <span class="highlight">Wright's</span> Lawncare Service</h1>
    
            </div>
    
            <nav>
    
              <ul>
    
                <li><a class="current"><a href="index.html" onmousedown="bleep.play()">Home</a></li>
    
                <li><a href="about.html" onmousedown="bleep.play()">About</a></li>
    
                <li><a href="service.html"onmousedown="bleep.play()">Service</a></li>
    
                <li><a href="garden.html" onmousedown="bleep.play()">Garden Blog</a></li>
    			
    			<li><a href="contact.html" onmousedown="bleep.play()">Contact Us</a></li>
              </ul>
    
            </nav>
    
          </div>
    
        </header>
    
        <section id="showcase">
    
          <div class="container">
            <img src="Images/AdobeStock_85781068_Preview.jpeg" width="1000px" height="100%" alt="header.png">
    		
    		<h1>Affordable Gradencare Packages For Small And Medium-Sized Yards</h1>
    
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Libero  tempore, consequuntur culpa repellendus perspiciatis, atque corporis a ut nobis ratione odit tenetur nesciunt asperiores expedita eius sed, neque optio.</p>
    
          </div>
    
        </section>
    
        <section id="newsletter">
    
          <div class="container">
    
            <h1>You Grow It We Mow It </h1>
    
          </div>
    
        </section>
    
        <section id="boxes">
    
          <div class="container">
    
            <div class="woc">
    
              <i class="fa fa-signal fa-5x"></i>
    
              <h3> What our Customer say</h3>
    
              			  <script type="text/javascript">
    /***********************************************
    * IFRAME Scroller script- � Dynamic Drive DHTML code library (www.dynamicdrive.com)
    * This notice MUST stay intact for legal use
    * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
    ***********************************************/
    
    //specify path to your external page:
    var iframesrc="external.htm"
    
    //You may change most attributes of iframe tag below, such as width and height:
    document.write('<iframe id="datamain" src="'+iframesrc+'" width="180px" height="160px" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="no"></iframe>')
    
    </script>
    
            </div>
        		
            <div class="box">
    
              <i class="fa fa-photo fa-5x"></i>
    
              <h3>Yard Maintenance</h3>
    
              <p>Whipper Snipping.<br>Mowing.<br> Weed-Control.<br>Hedging.<br> Green Waste Removal.<br> Rubbish Removal.<br><a href="#">Read More</a></p>
    
            </div>
     
            <div class="box">
    
           <article id="main-col">
     
              <aside id="sidebar">
    
              <div class="dark">
    
                <h3>Request a Free Quote</h3>
    
                <form action="" class="contact">
    
                  <div>
    
                    <label>Name</label>
    
                    <input type="text">
    
                  </div>
    
                  <div>
    
                    <label>Email Address</label>
    
                    <input type="email">
    
                  </div>
    
                  <div>
    
                    <label>Message</label>
    
                    <textarea placeholder="Your message ..."></textarea>
    
                  </div>
    
                  <button class="button_1" type="submit">Send</button>
    
                </form>
    
              </div>
    
            </aside>
    
          </div>
    
        </section>
    
          </div>
    
        </section>
    
    
    </div>
        <footer>
             <p>Copyright &copy; Wrigh'ts lawncare service 2019-2020 A.B.N:85908204391 All Right's Reserved.</p>
    	     <p>you're use of this website is subject to our <a href="#">Terms and Conditions</a> & please read our <a href="#">Pricacy Statement</a><p></nobr>
        </footer>
    
      </body>

     

    style.css

  10. hi guys I am trying to work out how I can go about making a form form for a get a free quote using html 5 and css my question is can I have more then in input type all do I have to rename the input type form

    here is my css code

    style.css

  11. this is my html code if anyone can help me please 

    <html lang="en">
    <head>
        <meta charest="UTF-8">
        <meta name="description" content="Free Weather Resource">
        <meta name="keywords" content="Current Forecast, Weather Charts, Weather Community,Weather Blog">
        <meta name="author" content="Michael Wright">
    	<title>StormSearchers</title>
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
        <link rel="stylesheet" href="style.css">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>    
    </head>
    
    <body>
    <div class="jumbotron" style="margin-bottom:0px; color:white; background-color: #4aa1f3;">
       <h2 class="text-center" style="font-size:50px; font-weight:600px;">StormSearchers</h2>
    </div>
    <div id="nav">
    	<ul>
    		<li><a href="http://www.stormsearchers.com/current.html">Current</a></li>
    		<li><a href="http://www.stormsearchers.com/winds.html">Winds</a></li>
    		<li><a href="http://www.stormsearchers.com/rain.html">Rainfall</a></li>
    		<li><a href="http://www.stormsearchers.com/almanac.html">Almanac</a></li>
    		<li><a href="http://www.stormsearchers.com/tides.html">Marine Tides</a></li>
    		<li><a href="http://www.stormsearchers.com/storms.html">Stormcast</a></li>
    <div class="row form-group form-inline" id="rowDiv">
    	    <input type="text" name="city" id="city" class="form-control" placeholder="City Name">
    		<button id="submitWeather" class="btn btn-primary">Search City</button>
       </ul>
     </div>
    <div id="warnings" class="marquee">marquee information marquee information marquee information marquee information</div>
    </div>
    </div>
    <div id="container">This is where the contents goes</div>
    <div id="show">
    </div>
    <script src="weather.js"></script>
    
    <div class="footer">
       <div class="container">
          <div class="row text-center" style="padding-top:30px;">
    	       <p>Copyright&copy;Stormsearchers 2018-2019 A.B.N:000.000.000.000  all rights reserved</p>
    	       <br>Your use of this website is subject to our <a href="http://www.stormsearchers.com/terms.html">Terms & Conditions</a> and please Read our <a href="http://www.stormsearchers.com/privacy.html">Privacy statement</a></br>
    	       <br>Comments, Confessionsor contact the web-master!</p>
    	 </div>
    </div>
    </body>
    </html>

     

  12. Hello i am working on a weather website would like to add table to my weather page to clean it up so i can use javascript for the table also how can i fix up musearch button to the rite of the serch bar mike 

    function show(data){
    	return "<h2 style='font-size:15px; font-weight: bold;' class='text-center'>Current Weather Forecast For " + data.name + ", " + data.sys.country +"</h2>" + "<h3 style='font-size:15px; font-weight: bold;'<strong>Description</strong>: <img src='http://openweathermap.org/img/w/"+ data.weather[0].icon+".png'> "+ data.weather[0].main +"</h3>" +
    	       "<h3 style='font-size:15px; font-weight: bold;'<strong>Weather</strong>: "+ data.weather[0].main +"</h3>" +
    	       "<h3 style='font-size:15px; font-weight: bold;'<strong>Temperature</strong>: "+ data.main.temp + "&deg;C</h3>" +
    		   "<h3 style='font-size:15px; font-weight: bold;'<strong>Pressure</strong>: "+ data.main.pressure + " HPA</h3>" +
               "<h3 style='font-size:15px; font-weight: bold;'<strong>Humidity</strong>: "+ data.main.humidity + " %</h3>" +
    		   "<h3 style='font-size:15px; font-weight: bold;'<strong>Min</strong>: "+ data.main.temp_min + " &deg;C</h3>" +
               "<h3 style='font-size:15px; font-weight: bold;'<strong>Max</strong>: "+ data.main.temp_max + " &deg;C</h3>" +	 
               "<h3 style='font-size:15px; font-weight: bold;'<strong>Winds Speed</strong>: "+ data.wind.speed + " m/s</h3>" +
               "<h3 style='font-size:15px; font-weight: bold;'><strong>Winds Direction</strong>: " + data.wind.deg + " &deg</h3>";
               "<h3 style='font-size:15px; font-weight: bold;'><strong>Sunrise</strong>: " + data.sys.sunrise + "</h3>";
    }           	   

     

    Untitled.png

×
×
  • Create New...