I want to build a financial management website for a company. I want to create inputs where the user can add information and then they can see a summary of their data along with a graph, and also be able to do forecasts.
Honestly, I have no idea where to start on this. I'm new to HTML, but I've done a few tutorials and I've worked with C# in the past. I just bought a website domain and I have installed Wordpress.
Any advice is welcome. Thanks in advance.
I am beginner just like you.I see that you need frontend(client side) and backend(database).My opinion is to try learn this 5 first:HTML,CSS,JavaScript,MySql,PHP.After that you will have better vision what you can do.Good learning resourses are:
https://www.codecademy.com/learn
https://www.bento.io/
html5rocks
css-tricks
sqlzoo.net/
Google it,learn and work hard.Good luck.
I am a beginner too.
Here you've got my advices:
Try to start to understand how HTML works. (You need to know that HTML never acts at the server.
After you study tables, divs and some CSS (image is very important).
Its time to start studying PHP.
With a very low level of PHP (knowing how variables work) and all HTML you've learnt before, you will be able to create a simple webpage that contains a sign up.
Now its time to introduce that data in some place.
Where will you do it?
Thats right, you will do it in a MYSQL database.
So for a perfect server you need ---> HTML+CSS+PHP+MYSQL+attitude
P.S. I recomend you to buy a rapberry pi and install APACHE server and MYSQL on it so you can fight face to face with HTML, CSS and PHP without useing Wordpress
If you want the user to be able to input data, you can use a <form> tag. Here's an example:
<form method="post">
<input type="text" id="input">
<input type="submit" id="sub">
</form>
If you want the data to be displayed to the user through the website, you can use document.getElementById("body tag id here").innerHTML = "data here".
Related
Hello gurus of Mediawiki,
I am having trouble with modifying one of my custom mediawiki skin (1.26).
I followed the mediawiki skinning guide to create a search form within my BaseTemplate. I am using the provided API method makeSearchInput to create the search input box. But for some reason, its not doing the auto-complete as it is supposed to do. I have looked into other mediawiki skin examples, tried to duplicate the settings to see if I can get it to work, but nothing really helped.
<form class="mw-search" role="form" id="searchform" action="<?php $this->text('wgScript'); ?>">
<?php
echo $this->makeSearchInput(array('id' => 'searchInput'));
echo Html::hidden( 'title', $this->get( 'searchtitle' ) );
?>
</form>
When I look into the network activity, all of the other skins where the autocomplete works, I can see the network connectivity sending commands to the api.php each time I input any character into the input box. But for some reason, it doesn't send anything on my own custom skin. It almost looks like it doesn't even attempt to send the query. I have been searching online but without any luck in discovering what the problem is. Since it works on the other skins on the same server, it's probably not the global settings that I am missing but it could be something that I missed on skin configuration. I am not trying to do any fancy modification, so I must be doing something silly. I have been struggling and wasting many hours on this, so now I am here asking for the help...
Does anyone have any idea on what could be causing this?
Any help would be very very much appreciated.
Sincerely,
I have a file with a textarea (named "Resolution support") in which you can explain how to solve a problem. My problem is that a user would be able to add a picture for a better explaining. If he copy/paste or he has to click and drag or anything i don't care, he HAS TO be able to put a picture into the textarea.
I wondered if another textbox that can do this would exist and what Type does the textbox has to be in PhpMyAdmin.
My textarea :
<textarea name="Escalade" class="longInput" cols="80%" rows="19" wrap="hard">
</textarea>
Without some kind of JavaScript WYSIWYG library this is not possible as vanilla textarea only takes text (clue is in the name).
I assume that you are viewing the submissions in phpMyAdmin which is an interface onto a MySQL database. It is good for developing stuff but not so great as an admin user interface long term. What you are asking about are called transformations.
Here are some tutorials on storing images in a database:
http://www.hockinson.com/programmer-web-designer-denver-co-usa.php?s=47
http://w3schools.invisionzone.com/index.php?showtopic=48068
How to store file name in database, with other info while uploading image to server using PHP?
Here are some lists of WYSIWYG editors:
http://www.sitepoint.com/html5-wysiwyg/
https://github.com/cheeaun/mooeditable/wiki/Javascript-WYSIWYG-editors
Those phpMyAdmin transformations:
http://docs.phpmyadmin.net/en/latest/transformations.html
That is about as much help as can be offered to you without seeing the PHP code behind the form at the very least. Hope this helps.
If someone is looking for an answer, I had asked my profesor and he answered that what I was looking for is a "Rich Text Editor". I'm using ckeditor with the plugin prgfilemanager. It allows me to insert pictures but I cannot copy/paste them which is pretty annoying...
You can try it here http://ckeditor.com/demo I hope it will help you if you have the same problem that I had :)
While it is true that you cannot use a textarea, the answer is very simple. You can use a content editable div, grab the contents as html and write it to a databae using AJAX and PHP.
Just name a div like this:
<div class="my_article" contenteditable></div>
and pass the contents on the click of a button into a JS variable and then pass that into PHP using AJAX.
var content1 = $('.my_article').html();
If anyone needs further help please comment and I'll be happy to obligue.
I have many websites like Facebook where we write a email address and we just click a button, from this a list of email address's rolls down.
Can anyone tell me how this is achieved? Can it be done with just HTML or do i need to learn any other language?
This is accomplished using Javascript or AJAX requests to query the databases "live" and the return a data set. If I understand you correctly like on Facebook where you type in a Friends name and it will pull back a full list of names which may be your friends.
Jquery, Ajax, Javascript, PHP and Mysql would be some good researching points.
It would be worth searching for "How to create a PHP Ajax request to auto populate HTML fields"
If you are referring to Auto Complete within a browser this is a local setting which is controlled by the end user or their administrator and from what I am aware from HTML alone you can not manipulate this.
I fully agree with Steve's answer. In addition you might want to check out the following:
http://ajaxdump.com/2010/08/11/10-cool-auto-complete-scripts-using-ajaxjquerymootoolsprototype/
http://www.freshdesignweb.com/jquery-ajax-autocomplete-plugins.html
Hope it will help you
Well i go on and search a lot and then i found this is very simple!!
you just need is to type autocomplete = "on" and give it a name and then make a submit button
the code goes here:
<input type="text" name="Name" autocomplete="on" />
<input type="submit" />
Okay so a part of the web page that I'm currently building on Dreamweaver CS4 requires this:
(Its for grocery items in a supermarket)
Visitor types item name into a textfield, hits the submit button.
The html page for that specific item will be displayed inside an IFrame below. The html page names however are named in their respective item ID's 1B45.html, 1002.html etc
Each item has a 4 character ID such as 123A or 0002 etc. I have a table with two columns: ID and item name, I'm not really sure how to do the conversions.
I guess that is simple enough, here is the coding I have for this part so far:
<input type="text" name="textfield2" id="textfield2" />
<input type="submit" name="button2" id="button2" value="Search" />
<iframe frameborder="1" width="100%">
</iframe>
Can anyone direct me on what to do next?
I'll probably place the 500 or so item html pages in the same folder as this one (index.html).
I think thats as simple as I can put it, thanks for your time :D
You will need a database. You will use PHP and MySQL. You will not have 500 separate pages. You will have one page that gives you the query results, depending on the particular query.
I don't mean to make you feel crappy, I understand you're probably fairly new to all of this.
I think you're going about the project all wrong. Running a database is a far more efficient and lower workload way of doing this. IFrames and hundreds of HTML pages is going to be far more work than the tradeoff. Especially if you are charging $ by the hour.
I'd love to help lend what advice I can and even get you pointed in the right direction of DB work. To be honest, my first CMS used flat files as the database back when I was first learning... and even something like that will lower your work load (my second iteration of my cms was using MS Access, and now I use Sql Server exclusively). If you're willing to take the time to learn it all, it's not that difficult to wrap your head around the basics.
Don't listen to people who point you in a single technology direction, but work with what you're comfortable with. PHP, ASP, ASP.NET RUBY.. all of these will give you the tools you need to get started. For a project like this, it simply boils down to preference.
To give you a brief idea of how simple this "could" be, think about this
1 Database with 1 Table for all of your supermarket items
1 page to display a single item and all of it's details
1 page to display a list of all the items (paged results are nice too but are a little harder to code)
then the rest of your website as per usual.
It seems like the current answers are "you're doing it wrong" and I kind of agree. But I figured I'd take a stab at showing you exactly how to "do it wrong".
My solution is to use javascript to set the location of the IFrame to the text within your textbox. I haven't tested it and I'm not very good at javascript, but it might give you an idea where to start.
In the head:
<script type="text/javascript">
function convert(){
var itemId = document.getElementById('textfield2').value;
document.getElementById('theframe').src = itemId + ".html";
}
</script>
in the body:
<input type="text" name="textfield2" id="textfield2" />
<input type="submit" name="button2" id="button2" value="Search" onclick="convert();" />
<iframe id="theframe" frameborder="1" width="100%">
</iframe>
I am developing an application in Rails 3 using a nosql database. I am trying to add a "Follow" feature similar to twitter or github.
In terms of markup, I have determined that there are three ways to do this.
1) Use a regular anchor. (Github Uses This Method)
Follow
2) Use a button. (Twitter Uses This Method)
<button href="/friendships/create/">Follow</button>
3) Use a form with a submit button. (Has some advantages for me, but I haven't see anyone do it yet.)
<form method="post" id="connection_new" class="connection_new" action="/users/follow">
<input type="hidden" value="60d7b563355243796dd8496e17d36329" name="target" id="target">
<input type="submit" value="Follow" name="commit" id="connection_submit">
</form>
Since I want to store the user_id in the database and not the username, options 1 and 2 will force me to do a database query to get the actual user_id, whereas option 3 will allow me to store the user_id in a hidden form field so that I don't have to do any database lookups. I can just get the id from the params hash on form submission.
I have successfully got each of these methods working, but I would like to know what is the best way to do this. Which way is more semantic, secure, better for spiders, etc...? Is there a reason both twitter and github don't use forms to do this?
Any guidance would be appreciated. I am leaning towards using the form method since then I don't have to query the db to get the id of the user, but I am worried that there must be a reason the big guys are just using anchors or buttons for this.
I am a newb so go easy on me if I am totally missing something. Thanks!
It's really just based on personal preference. The simple anchor tag is nice and easy, shows clear intent, and is nice and concise. You can just create an AJAX post request with Javascript to make it all happen quickly. The database operation shouldn't be a problem. Even if it eventually will be too slow (though I doubt it), I'd say you're likely doing premature optimization.