16 May 2018

feedHTMLHelp Forums Full Feed

Download png from link

Hi all,

I've been wanting to get an export function to work on my site, which almost works perfectly, it just does not download automatically.

Currently it generates this: <a target="_blank" download="MediumRandomNewick_treemap_outer.png" href="blob:http://localhost:8080/c02ebb93-19b9-43fa-872d-b32fc02dc56f">Export</a>

But this is not clickable and also does not force the download, can anyone tell me how I would go about force downloading? Preferably with JavaScript.

16 May 2018 11:04am GMT

15 May 2018

feedHTMLHelp Forums Full Feed

Different Image on Refresh

Hi, I hope this is in the right spot. Wasn't sure if it should be here or on the php board but here felt like it made more sense.

I used to have a working method so that I could put in <img src=rotate.php>, and that .php file had a list of four image addresses in it. Whenever someone loaded the page, it would select a random one and it would go. It worked for me about.. four or five years ago? It would work both when I went to rotate.php directly, or when I was looking at a page that had it as an image source.

CODE
<?php

header("Content-Type: image/jpeg");

$sigs = array();

$sigs[0] = "pic1.jpg";

$sigs[1] = "pic2.jpg";

$sigs[2] = "pic3.jpg";

$sigs[3] = "pic4.jpg";

mt_srand((double)microtime()*1000000);

$sig = $sigs[mt_rand(0, count($sigs)-1)];

readfile($sig);

?>



Now though, it doesn't work. If I go to rotate.php in Chrome it is showing the above code rather than running the function, and if I go to a page that has it as an image source it just shows a broken image. I'm like, really confused why it just stopped working. It's not working at the place I had it uploaded, and it's not working locally just on my computer either.

So I know this seems like a .php issue and maybe it is, but posting it here in HTML cause what I need is <img src=something> to rotate through a list, and don't particularly care if it's via a php file or something else.

Any advice on how to do this would be much appreciated. I tried Googling it and I think the terms I was looking for (everything I put as the Topic Description) have too many uses, and I don't even know what language I really want to find the answer in.

Thank you

15 May 2018 2:42am GMT

10 May 2018

feedHTMLHelp Forums Full Feed

How to position button?

Hi
I am almost new to html

I have a sample code with few buttons on top.

I would like to have the buttons with Day01... Day02... Day03... Day04... to be positioned vertically on the left side of the screen
can this be done?

Thank you for your kind help.






Here is my code

CODE
<!DOCTYPE html>
<! ========================================================================== />
<! to debug html - display it, type F12 + CONSOLE and code console.log("aaa") to display />
<! ========================================================================== />
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<meta charset="utf-8">
<title>I83_Coors.html</title>
<style>
html, body {height: 100%; margin: 0; padding: 0;}
#map {height: 100%;}
#floating-panel {
position: absolute;
top: 10px;
left: 25%;
z-index: 5;
background-color: #fff;
padding: 5px;
border: 1px solid #999;
text-align: center;
font-family: 'Roboto','sans-serif';
line-height: 30px;
padding-left: 10px;
}
</style>
</head>
<body>

<div id="floating-panel">
<input type="button" id="Day01" value="Day01 Hide" style="color:blue" onclick="Day01(this);">
<input type="button" id="Day02" value="Day02 Hide" style="color:blue" onclick="Day02(this);">
<input type="button" id="Day03" value="Day03 Hide" style="color:blue" onclick="Day03(this);">
<input type="button" id="Day04" value="Day04 Hide" style="color:blue" onclick="Day04(this);">


<input type="button" id="DayNumber" value="DayNumber Show" style="color:blue" onclick="DayNumber(this);">
<input type="button" id="Routes" value="Routes Hide" style="color:blue" onclick="Routes(this);">
<input type="button" id="IDandRow" value="ID and Row Show" style="color:blue" onclick="IDandRow(this);">
<input type="button" id="Info" value="Info Show" style="color:blue" onclick="Info(this);">
<input type="button" id="Markers" value="Markers Hide" style="color:blue" onclick="Markers(this);">

<input onclick="addinfos();" type=button value="Display X info (single route only)" style="font-size:10pt;color:white;background-color:green;border:2px solid #336600;padding:6px">

</div>
<div id="map"></div>
<script>

function CenterControl(controlDiv, map) {

// Set CSS for the control border.
var controlUI = document.createElement('div');
controlUI.style.backgroundColor = '#fff';
controlUI.style.border = '2px solid #fff';
controlUI.style.borderRadius = '3px';
controlUI.style.boxShadow = '0 2px 6px rgba(0,0,0,.3)';
controlUI.style.cursor = 'pointer';
controlUI.style.marginBottom = '22px';
controlUI.style.textAlign = 'center';
controlUI.title = 'Click to recenter the map';
controlDiv.appendChild(controlUI);

// Set CSS for the control interior.
var controlText = document.createElement('div');
controlText.style.color = 'rgb(25,25,25)';
controlText.style.fontFamily = 'Roboto,Arial,sans-serif';
controlText.style.fontSize = '16px';
controlText.style.lineHeight = '38px';
controlText.style.paddingLeft = '5px';
controlText.style.paddingRight = '5px';
controlText.innerHTML = 'Center Map';
controlUI.appendChild(controlText);

// Setup the click event listeners: simply set the map to Centr.
controlUI.addEventListener('click', function() {
map.setCenter(Centr);
});
}

function initMap() {
var Centr = {lat: 32.402723, lng: 35.053641};
map = new google.maps.Map(document.getElementById('map'), {
zoom: 9,
center: Centr,
scaleControl: true,
scaleControlOptions: {
position: google.maps.ControlPosition.LEFT_TOP
},
fullscreenControl: true,
mapTypeControl: true,
mapTypeControlOptions: {
style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR,
position: google.maps.ControlPosition.BOTTOM_CENTER
}
});

addLine();
}
function DayNumber(button) {
if(document.getElementById("DayNumber").value=="DayNumber Show")
{
document.getElementById("DayNumber").value="DayNumber Hide";
document.getElementById("DayNumber").style="font-size:10pt;color:white;background-color:red;border:2px solid #336600;padding:6px"
BaloonDayinfo1.open(map,PoiDayinfo);
}
else {
document.getElementById("DayNumber").value="DayNumber Show";
document.getElementById("DayNumber").style="font-size:10pt;color:white;background-color:green;border:2px solid #336600;padding:6px"
BaloonDayinfo1.close();
}
}



}
}


</script>
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=key&signed_in=true&callback=initMap">
</script>
</body>
</html>

10 May 2018 6:50pm GMT

09 May 2018

feedHTMLHelp Forums Full Feed

Help with font size

Hello all,
doing a favor for a friend, need some help with font size for a cell:

<head>
<title>Payment totals</title>
<link rel="stylesheet" type="text/css" href="CustDisp.css"/>
<style type="text/css">
#AMT_DUE_DDLabel
{
font-size: xx-large;
}
.style1
{
font-size: xx-large;
}
.style2
{
width: 1177px;
}
#SAL_TAX_AMT_DDLabel
{
font-size: large;
}
#SUB_TOT_DDLabel
{
font-size: large;
}
.style3
{
font-size: large;
}
</style>
</head>
<body class="totals">
<div id="divDocument">
<table id="tblDocument">
<tr class="title">
<td class="style2"></td>
<td></td>
</tr>
<tr>
<td class="bigcaption" style="width: 1177px">
<a><span id="SUB_TOT_DDLabel">SUB_TOT</span>:</a>
</td>
<td class="decimalvalue">
<a id="SUB_TOT"><span class="style3">0.00</span></a>
</td>
</tr>

<tr id="TAX_Totals">
<td class="bigcaption" style="width: 1177px">
<a><span id="SAL_TAX_AMT_DDLabel">TAX_AMT</span>:</a>
</td>
<td class="decimalvalue">
<a id="TAX_AMT"><span class="style3">0.00</span></a>

</td>
</tr>
<tr class="bigtitle">
<td class="bigcaption" style="width: 1177px">
<a><span id="AMT_DUE_DDLabel">AMT_DUE</span>:</a>
</td>
<td class="decimalvalue columntotal">
<a id="AMT_DUE"><span class="style1">0.00</span></a>

</td>
</tr>
</table>
</div>
</body>
</html>


In red are the cells that don't seem to get the correct font-size (xx-large for amount due and large for tax and subtotal).
Tried to add it within the style to no avail.
Any help would be appreciated.
Thanks,

09 May 2018 12:59pm GMT

08 May 2018

feedHTMLHelp Forums Full Feed

initiating a pop up

I am trying to make a popup run from a button inserted into a table

I have a div that defines a popup screen, which works nicely, I can place that div in my code and it draws a button which when clicked
opens a pop up

CODE

<!--https://www.w3schools.com/tags/tag_button.asp ( this is where the original pop code came from ) -->
<div data-role="main" class="ui-content">
<!-- button constructor was originally here but has been removed and is now in the table cell -->
<!-- <td><a href="#myPopup" data-rel="popup" class="ui-btn ui-btn-inline ui-corner-all ui-icon-check ui-btn-icon-left" >Edit cell</a> </td> -->
<div data-role="popup" id="myPopup" class="ui-content" style="min-width:250px">
<form method="post" action="/action_page_post.php">
<div>
<h3>Edit cell </h3>
<label for="pswd" class="ui-hidden-accessible">URL (link): </label><img src="./pics/pcyc_delete.jpg" >
<input type="password" name="passw" id="pswd" placeholder="URL: http://www.pcyc.org.au/" >
<input type="submit" data-inline="true" value="Cancel">
<input type="submit" data-inline="true" value="Save">
</div>
</form>
</div>
</div>




I have found that I can initiate the div
by placing the <div> prior to the table and then using the following line extracted from the div inside the table cell

CODE

<td><a href="#myPopup" data-rel="popup" class="ui-btn ui-btn-inline ui-corner-all ui-icon-check ui-btn-icon-left" >Edit cell</a> </td>



I would like to be able to initiate the div by using just

CODE

<a href="#myPopup"</a>


but I can't work out how to stick (or where to stick) the rest of the button definition
data-rel="popup" class="ui-btn ui-btn-inline ui-corner-all ui-icon-check ui-btn-icon-left
back into the div

I do hope thats clear, I appologise for any terminolgy I have missused or used incorrectly.

08 May 2018 9:36pm GMT

06 May 2018

feedHTMLHelp Forums Full Feed

How Do I Specify HTML Editor to Use in Chrome?

I apologize if I have posted this in the wrong forum. How do I tell Chrome to let me use the Kedit editor - and not Chrome's tool - that I want to use to display and edit HTML source? In Firefox, I simply go to About:Config, set view_source.editor.external to true and put Kedit's location on my disk as the string value in view_source.editor.path.

I don't know where the equivalent settings are in Chrome, or if Chrome even gives the user that ability. FF keeps having a problem with the Media Player and half the time doesn't play it on my main PC, so I need to do my developing/editing in Chrome, where the Player works.

Any assistance with this will be most appreciated.
Thank you.

06 May 2018 6:39pm GMT

02 May 2018

feedHTMLHelp Forums Full Feed

Text field not working

Hi

I am trying to ask a user for their Age (3 numbers) but I am getting the text field greater than 3 chars.


<p align="center">3. Please input your Age:</p>


<input type="text" name="Age" required="required" maxlength='3' size='3' pattern="[0-9]+" />

Any help will be appreciated.

Tudsy

02 May 2018 5:50pm GMT

01 May 2018

feedHTMLHelp Forums Full Feed

Cost of hosting online forums

How much does it really cost to run a relatively small* web forum (say 50-100 active users, and hosted in a "first world" country)? A few different examples have made me wonder. One forum collects US$ 3000/year in donations and advertizing, but still asks for more. In contrast, another forum's owner says about US$ 200/year will suffice. Other forums ask for nothing.


* Not sure how to define the "size" of a forum --is it the disc space required for old posts (and maybe lots of large images)? Or is it the data transfer, which may vary hugely depending not only the member activity but also on the amount of content/bloat and bots that keep requesting it?

01 May 2018 8:21pm GMT

Help with asignment

My teacher gave us an asignment to recreate this web page, it was going well till i got to this table thing and i am not sure how to create it
https://drive.google.com/file/d/1YiB_JJ93T6...iew?usp=sharing

01 May 2018 1:48pm GMT

26 Apr 2018

feedHTMLHelp Forums Full Feed

Header tag within head tag

hi-
I have a website on squarespace. the template I am using doesn't provide a method for allowing for a header above my top nav. however, they do allow for a code injection that goes into the head tag.

would it be ok if i put a formatted area in there with some basic info such as my email phone etc or will putting this in the head tag before the body cause browser issues?

Thank

26 Apr 2018 2:47pm GMT

⛔★ Send and email when a page loads a certain div or text on page?

I'm trying to make a page send me an email when this DIV below become 100% Complete. So when I'm not home it alerts me the process has finished. Is this even possible?

<div class="progress" title="Printing Progress">
<div class="progress-bar active" id="pgs" role="progressbar" style="width: 59%;">59% Complete</div>
</div>

26 Apr 2018 1:40am GMT

25 Apr 2018

feedHTMLHelp Forums Full Feed

Web hosts messing up the server configs

Last couple of years two of my web hosts silently changed things in the server software/configs, breaking my sites as a consequence. The support did help me fix it right away, but of course only once I found out about it (I don't check these sites daily). I don't keep track of developments in the world of web hosting, so I'm basically wondering if these incidents were just bad luck, or is there some underlying explanation (like what)?

25 Apr 2018 10:01pm GMT

23 Apr 2018

feedHTMLHelp Forums Full Feed

Horizontal Align TripAdvisor Widgets

I'm using GoDaddy Go Central to make a website. Trying to put multiple TripAdvisor widgets on the page in an HTML section, but they are stacking on top of each other. See the bottom of this page. Since the script is within a Go Central module with limited functionality, I'm not sure how to fix this. I am not web designer. Can someone please tell me what code to embed on this page to make the three widgets alight across that section? Following is all the code that's currently entered in this module. Thanks very much for any help you can offer. --Susie


<div class="center">

<div id="TA_certificateOfExcellence976" class="TA_certificateOfExcellence">
<ul id="nRysR6" class="TA_links Y2TwT23RTC">
<li id="RJMJQto70RIX" class="80xXLu9E">
<a target="_blank" href="https://www.tripadvisor.com/Attraction_Review-g33340-d4310995-Reviews-Colorado_Jeep_Tours-Canon_City_Colorado.html"><img src="https://www.tripadvisor.com/img/cdsi/img2/awards/CoE2017_WidgetAsset-14348-2.png" alt="TripAdvisor" class="widCOEImg" id="CDSWIDCOELOGO"/></a>
</li>
</ul>
</div>
<script async src="https://www.jscache.com/wejs?wtype=certificateOfExcellence&uniq=976&locationId=4310995&lang=en_US&year=2017&display_version=2"></script>

<div id="TA_certificateOfExcellence392" class="TA_certificateOfExcellence">
<ul id="b6jAzvEk" class="TA_links t3oC7JX42o">
<li id="OY75ix" class="b0WS6qvItRQ6">
<a target="_blank" href="https://www.tripadvisor.com/Attraction_Review-g33340-d4310995-Reviews-Colorado_Jeep_Tours-Canon_City_Colorado.html"><img src="https://www.tripadvisor.com/img/cdsi/img2/awards/CoE2016_WidgetAsset-14348-2.png" alt="TripAdvisor" class="widCOEImg" id="CDSWIDCOELOGO"/></a>
</li>
</ul>
</div>
<script async src="https://www.jscache.com/wejs?wtype=certificateOfExcellence&uniq=392&locationId=4310995&lang=en_US&year=2016&display_version=2"></script>

<div id="TA_certificateOfExcellence625" class="TA_certificateOfExcellence">
<ul id="P0l2YQ7" class="TA_links ZiHXOOs">
<li id="AIfIV87OGY" class="0RkAfHwrL">
<a target="_blank" href="https://www.tripadvisor.com/"><img src="https://www.tripadvisor.com/img/cdsi/img2/awards/CoE2016_WidgetAsset-14348-2.png" alt="TripAdvisor" class="widCOEImg" id="CDSWIDCOELOGO"/></a>
</li>
</ul>
</div>
<script async src="https://www.jscache.com/wejs?wtype=certificateOfExcellence&uniq=625&locationId=4310995&lang=en_US&year=2015&display_version=2"></script>

</div>

23 Apr 2018 7:47pm GMT

18 Apr 2018

feedHTMLHelp Forums Full Feed

Question regarding Headers

So, I'm relatively new to HTML/CSS. I've been trying to put a horizontal navigation bar at the top of a page with say the links on the right side and the name of the Website on the left side. But no matter what i do all it happens to be is either above or below the navigation bar depending upon where i put it at in HTML. Could anyone take a look and tell me what i'm doing wrong/how to fix it. Thanks =) HTML http://forums.htmlhelp.com/index.php?act=Attach&type=post&id=2977 CSS http://forums.htmlhelp.com/index.php?act=Attach&type=post&id=2978

18 Apr 2018 2:58am GMT

11 Apr 2018

feedHTMLHelp Forums Full Feed

Downloading files

How do I use html to do the following

1. User clicks on a button
2. User is asked to enter their email address
3. Message sent to user's email address with link to file for downloading
4. At the same time sends an email to me to notify me of the user's email address

11 Apr 2018 9:25am GMT

08 Apr 2018

feedHTMLHelp Forums Full Feed

How Can I make the Static Pages of My Blogger Blog Display 100% Width on Desktop and Mobile?

Hi All

I am having an issue with my blogger blog https://www.neuroscientia.com

Static Pages like ABOUT US, CONTACT etc usually display half of the screen on mobile devices (my Samsung Galaxy S5 screen etc).

One of my static pages is https://www.neuroscientia.com/p/free-iq-test.html

Please help me with the code I can use to make this display full width on Desktop and Mobile.


Help!

08 Apr 2018 11:38pm GMT

07 Apr 2018

feedSmiley Cat: Christian Watson's Web Design Blog

Thoughts on Starting a New Side Hustle

I've been thinking about starting a side hustle for a while now. As a Ramit Sethi email subscriber I'm well aware of the myriad of opportunities to generate income on the side, doing something(ideally) I love. The challenge is that I've been having a hard time coming up with what that something I love is. Like many […]

07 Apr 2018 2:01pm GMT

12 Nov 2017

feedSmiley Cat: Christian Watson's Web Design Blog

The Most Popular Medium Articles on Product Management

A collection of the most popular articles of all time about product management on Medium.

12 Nov 2017 10:09am GMT

28 Aug 2017

feedSmiley Cat: Christian Watson's Web Design Blog

Innovative Approaches to Mobile PDP Design: Part 2

A collection of novel approaches to mobile product detail page design from leading ecommerce retailers to drive conversions and increase sales.

28 Aug 2017 6:01am GMT

12 Aug 2017

feedSmiley Cat: Christian Watson's Web Design Blog

14 Innovative Approaches to Mobile Product Detail Page Design

Mobile product detail pages follow a fairly standard template. Here are 14 examples of mobile retailers trying new approaches to displaying content and offering functionality on their mobile PDPs.

12 Aug 2017 9:39pm GMT

27 Jun 2017

feedSmiley Cat: Christian Watson's Web Design Blog

Micro-interactions Improve the Chase Bank Online User Experience

The Chase bank website shows some thoughtful use of micro-interactions to make the user experience more delightful.

27 Jun 2017 1:08am GMT

03 Jun 2017

feedSmiley Cat: Christian Watson's Web Design Blog

11 Tips to Improve Your Ecommerce Mobile Site Search

If you run an ecommerce website or app, it's likely that 30-50% of your transactions involved your site search. That's why it's critical that your mobile site search is well optimized, both in terms of functionality and user experience. Here are 11 tips for taking your ecommerce mobile search to the next level. 1. Dedicated […]

03 Jun 2017 5:17am GMT

14 Jan 2017

feedSmiley Cat: Christian Watson's Web Design Blog

My Favorite Productivity Tools of 2016

A selection of the software and web apps that I used most frequently in 2016 to improve my productivity at work and personal activities.

14 Jan 2017 5:14am GMT

04 Dec 2016

feedSmiley Cat: Christian Watson's Web Design Blog

Scaling Mobile App Development Using a Decentralized Model

Collection of videos showing the best practices followed by leading tech companies to scale mobile app development across multiple teams.

04 Dec 2016 4:06am GMT

28 Oct 2016

feedSmiley Cat: Christian Watson's Web Design Blog

My Favorite Free Stock Photography Sites

A selection of the free stock photography sites I visit the most in order to find high-quality free stock photos with a CC0 license.

28 Oct 2016 1:55pm GMT

15 Oct 2016

feedSmiley Cat: Christian Watson's Web Design Blog

Fresh Insights From Global Mobile Commerce Study [Infographic]

Survey of mobile users in 19 countries shows that...

15 Oct 2016 10:09am GMT

30 Nov 2008

feedNycGraphix BlogPhoto

Photography Blogs and Feeds

digtal Photography School - (RSS) JMG-Galleries - (RSS) Photocritic - (RSS) 365 Portraits - (RSS) Strobist - (RSS) Kwerfeldein - (RSS) Joseph Szymanski - (RSS) File Magazine - (RSS) PhotographyVoter - (RSS) Photopreneur - (RSS) The Daily Critique - (RSS) Catchy Colors Photoblog - (RSS) photodoto - (RSS) daily dose of imagery - (RSS) NYCgraphix Blog Photo - (RSS) Photoshop User TV - (RSS) DIYPhotography.net - (RSS) Earthbound Light - (RSS) Earth Shots [...]

30 Nov 2008 12:45pm GMT

20 Oct 2008

feedNycGraphix BlogPhoto

WP Plugins October 20, 2008

NextGEN Gallery (Download)NextGEN Gallery is a full integrated Image Gallery plugin for WordPress with a Flash slideshow option. d13slideshow (Download)Add animated slideshows of your featured pages and posts. Lifestream (Download)Lifestream displays your social feeds and photos much like you would see it on many of the social networking sites. WP Super Cache(Download)A very fast caching engine for WordPress [...]

20 Oct 2008 8:54am GMT

11 Oct 2008

feedNycGraphix BlogPhoto

Windows Software

Avast: Another free Anti-Virus software. Just as good [...]

11 Oct 2008 10:12pm GMT

29 Sep 2008

feedNycGraphix BlogPhoto

Seahorse

del.icio.us Tags: clouds,seahorse

29 Sep 2008 6:25am GMT

Seahorse

del.icio.us Tags: clouds,seahorse

29 Sep 2008 6:19am GMT

27 Sep 2008

feedNycGraphix BlogPhoto

Quality Link Development Tutorial

Link Development Strategies High-quality link development is rarely an instantaneous occurrence. It takes time and patience. With careful planning and implementation, quality link development can help a site receive and maintain targeted search engine traffic. Web Directory Submission One of the quickest ways for a site to receive legitimate, objective, high-quality, third party links is to submit the [...]

27 Sep 2008 11:28pm GMT

Windows Tip

If you work on windows , you know that shutting it down can be really a hassle and time taking , especially when a lot of programs are running . Most of us tend to avoid shut down due to this reason but we know that shut down is always safer and also considered good [...]

27 Sep 2008 4:28pm GMT

Jeffrey At The Circus

27 Sep 2008 4:24pm GMT

Windows Tip

If you work on windows , you know that shutting it down can be really a hassle and time taking , especially when a lot of programs are running . Most of us tend to avoid shut down due to this reason but we know that shut down is always safer and also considered good [...]

27 Sep 2008 4:12pm GMT

Painted Sunrise

27 Sep 2008 2:10pm GMT