I'm programming a site using PHP, mysql and jQuery. I would really appreciate and hoping for some suggestions as to what I can use to create pie, bar and line charts, where I have the ability to change the actual graphic thats being shown. For example, if I wanted to have the bar graph use an army camouflage graphic and another one with flower pixels. I've done some looking around, but always found it helpful asking others for what they use or have seen.
Also any recommendations to using silverlight for this over any existing PHP and jQuery extensions?
Thanks in advance.
It would do you good to check out FusionCharts XT. It renders charts in JavaScript, which means your charts will work very well on iOS devices too.
With Silverlight, iOS devices are out.
FusionCharts XT can be used with jQuery too, with jQuery's syntax : http://docs.fusioncharts.com/charts/contents/?jQuery/Overview.html
As you're working with jQuery right now I think these must be good libraries for your use. Besides, the jQuery would extend your page's size up to 77kbs so try to use all benefits of it.
http://www.1stwebdesigner.com/css/top-jquery-chart-libraries-interactive-charts/
http://www.jqplot.com/
Related
Features like window 8 tiles are very much in now-a-days.Drop tiles allow to ahve feature like this.Is there anyway to havr website like droptiles.com in PHP or HTML.Idid lot of googling but in vain.any one who used such thing before
how can I get onclick JS of this site?
Thanks
In answer to how can I get onclick JS of this site?
It will be very difficult to get their code because they made that with their own concepts.Even if you will be able to their js code it will be very difficult to code that according to your needs.So better you try to implement the code with your own imagination.Try to learn advanced javascript or try jquery(which will be easy compared to js).
Best of luck!!!
Your question is a bit broad, there are numerous ways to implement this. However, PHP is not a relevant language for this because PHP is just server side and can't be used to change what happens on the client side. To implement this you would need to use JavaScript. If you don't know JavaScript, http://codecademy.com Would be a great place to learn it, or you could just google JavaScript.
I am trying to get to grips with various forms of web design and build. I have looked around and still cannot get a useful answer on what technology is best to create a Dynamic Submission form (that doesn't look like crap).
I want to build a sumitable form that is aesthetically pleasing. I have planned and sorted out that I will use PHP and AJAX so it can be interactive but I am lost on what technology to use to actually code/script the design of the form. If anyone can help it would be greatly appreciated, thanks in advance!
If anyone who reads this uses Virgin Media as their internet provider and they use their card details form online, that is my ultimate goal to make the form similar too (with different questions and submission details, but that isn't important). The look is what I am after.
you are on the right track actually.
for aesthetics, you should research more about designing in HTML/CSS
JS is used for the dynamic user interface
PHP and AJAX are all that's needed for a dynamic form submission
google is your friend. go ask him.
other than that, it's up to your imagination and originality how you implement it.
you would need to use html and css to actually build the form.
Javascript to possibly validate the form on the persons browser (client side)
php would submit and send the form.
If you like the look of the virgin media form you can find out how it was done by using developer tools on chrome (f12 on a windows machine, cmd, alt and I on a mac) or firebug pluign on firefox. Others are available but these are two of the best. This wll show you the html mark up the css and how it all works.
Here you have some examples of interactive forms: http://www.catswhocode.com/blog/10-jquery-tutorials-for-working-with-html-forms
Your best bet will be with ASP.NET.
Its easy to set up and the software is easy to use and is free.
You should use Microsoft web developer express.
http://www.microsoft.com/visualstudio/en-us/products/2010-editions/visual-web-developer-express
You will have the choice to code in c# or visual basic , c# will be the beter choice.
ASP.net is the new generation of website development.
I'm intrested in the best way to draw a graph: i have a network and i'd like to draw a map of it. I know how to use gd, but i don't know how to make this graph good for viewing: i mean no line crossing etc.
So, i guess there must be some tools or even php classes for doing this (maybe for graphviz dot?).
Any help will be great for me!
Well, maybe you could use the PEAR Image_GraphViz class?
Personally, I'd off-load the work of drawing the graph to the browser.
A good Javascript graphing library such as gRaphael can draw the graph using vector graphics (ie SVG), and can look much better than most static images generated by PHP, and can have features which static images can't, such as popups when you roll-over data points.
If you do it this way, all your PHP code has to supply is the graph data.
Hope that helps.
As you've laready hinted at, the quickest and simplest approach is to use graphviz. Given the abstraction provided by the dot language, there's little point in providing a PHP abstraction layer on top of it.
Use google!
http://code.google.com/apis/visualization/documentation/using_overview.html#load_your_libraries
They have great graphs. You just need to present the information in the right matter for google to understand. It's pretty simple.
i was viewing this video and i really want to develop this is PHP with no AJAX, do you how to start? where can i find some examples codes? Thanks.
Live "streaming" without AJAX could be done in PHP using ob_flush/flush, ergo output buffering. But that's usually pretty dirty and unwanted. However, what you see in that video is only possible with Javascript/"AJAX" (or Flash and similar plugins).
Hello, i was viewing this video and i
really want to develop this is PHP
with no AJAX, do you how to start?
There is no way to start as that functionality requires Ajax. Your hole is a square, why not use the square peg (Ajax).
im a pure backend programmer and i find it so difficult to position divs and add css styles.
what are your advices to make this as simple as possible for me?
use dreamweaver? what can it help me with exactly.
i have no idea how to add style to my prototype or handling positionings of divs and elements. some guides? tools? softwares? online scripts?
please all suggestions are welcome! guide me through...im all business logic and none design head.
eg. http://www.workey.se. how do you start with layout, design and all that stuff...
Depends exactly what you need to do, but learning the basics of css is pretty easy, mastering it is far more difficult of course. I'd suggest you just learn CSS and makes sure you get a decent browser add in like firebug so that you can see exactly what is going on. I'm not a fan of dreamweaver personally.
Dreamweaver is a good tool for initial design but I wouldn't recommend it for much more than that. Of course many people use it exclusively.
Why not try some CSS framework like the 960 grid? It can help with positioning elements on the page and leave you to worry about the specific implementation of your design like fonts and colors.
http://960.gs/
If you want simple page layouts something like YUI might help you. It has a large collection of pre-built code for you to use. Particularly the Grid Builder is great for creating multiple sections to populate within pages.
As for tools as long as it has decent syntax highlighting any text editor would be fine. Personally DreamWeaver tries too hard to 'help' and instead gets in the way but then I'm happier just with the raw mark-up.
I agree with some of the posts above, and empathize with the "pixel pushing" difficulties you might encounter when starting out.
I've been creating and recreating HTML layouts for about 5 years now, and after trying YUI, Google Blueprint, several css reset libraries, and my own home-brew layouts, I find YUI's grids, fonts, and resets are the most flexible and useful. Their templates are a little tricky, but only a little.
Here's my answer to a very similar question (in case people would rather not click through to see the answer...if this is spamming or against the rules, please let me know and I will remove the answer)
:
"
All of the above are excellent. Dreamweaver (imho) has the most complete set of features for designing pages (Adobe actually licensed some of the technology from TopStyle a while back to improve their feature set). And it has excellent validation built-in.
Another FREE tool (remember, Dreamweaver will cost you at least a few hundred unless you steal it) is Aptana IDE. It has most code completion options that Dreamweaver has, and similar validation tools.
Aptana and Firebug plugin for Firefox make a pretty good combination. In addition, there are Firebug extensions and other Firefox plugins that are tremendously useful:
Pixel Perfect: allows you to add a semi-transparent background image to line up elements on a page (shows up as extra tab within the Firebug plugin).
Code Burner: adds html & css reference tab to firebug.
ColorZilla (plain FireFOX extension): analyzes your colors and helps you manage them.
MeasureIt (plain FireFOX extension): Helps you measure distances between elements on a page when Firebug isn't enough.
WebDeveloper toolbar: does all sorts of nifty stuff, but I only use it to resize the browser to a specific window size (like 800x600).
"
you should use css templates (a list here)
or download an already made layout (everywhere on the net) and change bits with firebug to see what pleases you. (An example)
Edit : i am 'only code' too, i style my web UIs by hand. But there's a lot of addons for firefox that will greatly help you design your layout. (Here's a list)