|
Hi bro,
Go to W3 school and you can start your first project here.
<ahref="http: www.w3schools.com="" aspnet="" "="">http://www.w3schools.com/aspnet/[^]
|
|
|
|
|
Hi All,
I wanted to set height of my table to certain value if IE is maximized. Is there a way to fire such an event?
Thanks in advance.
|
|
|
|
|
Check onresize[^] event...
But! I would adwise not to do such thing, but use CSS's height, min-height, max-height to set the table height...
Skipper: We'll fix it.
Alex: Fix it? How you gonna fix this?
Skipper: Grit, spit and a whole lotta duct tape.
|
|
|
|
|
Thanks, I was trying to do something like this:
window.addEventListener("resize",ResizeTable);
function ResizeTable()
{
if((parseInt(screen.height) == parseInt(window.outerHeight)) || (parseInt(screen.height) == parseInt(document.body.clientHeight)))
{
document.getElementById("table").style.height="91%";
}
else
{
document.getElementById("table").style.height="89%";
}
}
This code never hits true condition as window.outerHeight & document.body.clientHeight are never equal to screen.height. They are always less that screen.height.
Please help.
|
|
|
|
|
No, there isn't. Usually, to check whether an application is maximized it to check the windows properties, but IE won't share any of these abstract properties to a web application. In that case, you are only left with an option of window.onresize event.
After handling the event, you can manage a guess for the IE's size (in pixels) and change the dimensions of the table depending on the size of viewport. Remember, it is the viewport that you are able to check against. If you (somehow) try to work around with document's dimensions, you may or may not get values biggers than the window or screen itself.
That is why, I would still recommend that instead of using JavaScript, you try using CSS3's media queries.
@media screen and (max-width: 300px) {
}
@media screen and (max-width: 500px) {
}
@media screen and (min-width: 700) {
}
Avoid using JavaScript, as JavaScript costs CPU clocks, thus making it a non-friendly for device's battery, or maybe cause a lagging in your users device. Users may be using mobile.
The sh*t I complain about
It's like there ain't a cloud in the sky and it's raining out - Eminem
~! Firewall !~
|
|
|
|
|
Thanks for the suggestions and advise.
|
|
|
|
|
<?php
mysql_connect ("localhost", "root", "") or die (mysql_error());
mysql_select_db ("webservices_exmple")or die (mysql_error());
$var = array();
$sql = "SELECT * FROM User";
$result = mysql_query($sql);
while($obj = mysql_fetch_object($result)) {
$var[] = $obj;
}
echo json_encode($var);
?>
// here second page///
<html>
<head>
<script type="text/javascript">
$(document).ready(function(){
var url="getjson.php";
$("#jsondata tbody").html("");
$.getJSON(url,function(data){
$.each(data.User,function(i,data){
var newRow =
"<tr>"
+"<td>"+data.id+"</td>"
+"<td>"+data.name+"</td>"
+"<td>"+data.age+"</td>"
+"<td>"+data.gender+"</td>"
+"</tr>" ;
$(newRow).appendTo("#jsondata tbody");
});
});
});
</script>
</head
<body>
<table class="mGrid" id="jsondata" >
<thead>
<th>Id</th>
<th>Name</th>
<th>Age</th>
<th>Gender</th>
<th>Location</th>
</thead>
<tbody></tbody>
</table>
</body>
</html>
-- modified 29-Jul-15 3:45am.
|
|
|
|
|
I assume you have a config file, right?
|
|
|
|
|
Hi,
I have a <table> like this:
Name Mike Watson
Title Accountant
Department Finance and I want to list it this way using CSS:
Name
Mike Watson
Title
Accountant
Department
Finance How can I do that please?
Technology News @ www.JassimRahma.com
modified 27-Jul-15 4:08am.
|
|
|
|
|
<style>
table {
width: 100%
}
table,
th,
td {
border: 1px solid black;
border-collapse: collapse;
}
th,
td {
padding: 5px;
text-align: left;
}
</style
<h2>Horizontal Headings:</h2>
<table>
<tr>
<th>Name</th>
<th>Telephone</th>
<th>Telephone</th>
</tr>
<tr>
<td>Bill Gates</td>
<td>555 77 854</td>
<td>555 77 855</td>
</tr>
</table>
<h2>Vertical Headings:</h2>
<table>
<tr>
<th>Name:</th>
<td>Bill Gates</td>
</tr>
<tr>
<th>Telephone:</th>
<td>555 77 854</td>
</tr>
<tr>
<th>Telephone:</th>
<td>555 77 855</td>
</tr>
</table
>
Sam
|
|
|
|
|
Hi Jassim,
More than making a table it is better to make it more attractive.
<ahref="http: www.w3schools.com="" css="" css_table.asp"="">http://www.w3schools.com/css/css_table.asp[^]
|
|
|
|
|
Hi,
We are trying to convert Word, Powerpoint and Excel files to PDF (for Word and PPT) and to HTML (for Excel). Excel does a really great job converting and there are free PDF convertors for Word and PPT in windows.
We want to run a windows VM to do this where we can pass in requests and documents and receive the result back. I haven't been able to find anyone who has experience with Windows VM's and automated use of Excel and free ToPDF tools.
Does anyone have any thoughts / experience in doing this or can point me in the right direction?
Thanks in advance,
John.
|
|
|
|
|
|
Hi,
I have check the iPhone 6 Plus specifications on apple.com[^] and found the following under the Display section:
5.5"
1920-by-1080-pixel resolution at 401 ppi
I want to know how can re-write this in CSS media query format to be something like this:
@media only screen
and (min-device-width : ----px)
and (max-device-width : ----px)
and (orientation : portrait [OR LANDSCAPE])
and (-webkit-min-device-pixel-ratio : -)
Thanks,
http://www.softnames.com[^]
Technology News @ www.JassimRahma.com
|
|
|
|
|
Hi,
I have a table with the following columns:
Status
Paid
category
From
To
Total Days
It's shown perfectly on desktop but I want to adjust the width or the layout of it on mobile
I am using:
@media all and (max-width: 414px) and (min-width: 375px)
but I am not sure what to set there for Tables and what's the the best way to do it?
Thanks,
Jassim[^]
Technology News @ www.JassimRahma.com
|
|
|
|
|
Hi,
I found this article:
https://css-tricks.com/responsive-da...#comment-91835[^]
it's really excellent but I have a question please.
using the CSS mentioned in the article will turn all my TDs and TRs which is good except this part:
td:nth-of-type(1):before { content: "Status"; }
td:nth-of-type(2):before { content: "Paid"; }
td:nth-of-type(3):before { content: "Category"; }
td:nth-of-type(4):before { content: "From"; }
td:nth-of-type(5):before { content: "To"; }
td:nth-of-type(6):before { content: "Total Days"; }
because there are different tables in every page so how can I tell the CSS which titles to use for which table?
Thanks,
Jassim[^]
Technology News @ www.JassimRahma.com
|
|
|
|
|
|
Hi,
I am using below css for iPhone 6 Plus but it's not working when I browse from my iPhone 6 Plus..
when I say not working I mean the h1 font size and color is not changing.
what's wrong please..
/* iPhone 6 Plus Portrait */
@media only screen
and (min-device-width : 414px)
and (max-device-width : 736px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio : 3)
{
h1
{
font-family: 'Open Sans Condensed', sans-serif;
font-size: small;
font-weight: bold;
padding: 2% 0;
margin: 10px 0;
color: #FF0000;
}
}
/* iPhone 6 Plus Landscape */
@media only screen
and (min-device-width : 414px)
and (max-device-width : 736px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio : 3)
{
h1
{
font-family: 'Open Sans Condensed', sans-serif;
font-size: small;
font-weight: bold;
padding: 2% 0;
margin: 10px 0;
color: #FF0000;
}
}
Thanks,
Jassim[^]
Technology News @ www.JassimRahma.com
|
|
|
|
|
Smells to me like one or more of your device criteria is not being met. Try cutting them out one by one to see when you get a match.
Cheers,
Peter
Software rusts. Simon Stephenson, ca 1994. So does this signature. me, 2012
|
|
|
|
|
Jassim Rahma wrote: when I say not working I mean the h1 font size and color is not changing.
Could it be that the css values are the same for both selectors?
Jassim Rahma wrote: font-size: small;
Jassim Rahma wrote: color: #FF0000;
Jassim Rahma wrote: font-size: small;
Jassim Rahma wrote: color: #FF0000;
There are strangers on the Plain, Croaker
|
|
|
|
|
Hi,
I want to ask which way is better for mobile site?
Using CSS and adjust the DIVs based on screen width and height?
Or redirect to a folder with complete mobile site?
what's your advise?
Thanks,
Jassim[^]
Technology News @ www.JassimRahma.com
|
|
|
|
|
"It depends". If you want your mobile site to be the same as your desktop site, just with a different display then the best way of doing that is via a responsive css design so the same site looks different on smaller devices. However if you want the site itself to be different, maybe you want a scaled-down version for mobiles with less pages and features, then it might be easier to have a different site for mobile that uses the same back-end.
|
|
|
|
|
Hi Jassim,
The best way is to create a website using responsive theme. But if you are using a non-responsive theme then go for editing the theme with CSS.
You can also add a different site for mobile devices. But the problem will be that you have to manage two different websites for desktop and mobile users.
|
|
|
|
|
hi,
i have google autocomplete suggestion in textbox and added jquery autocmplete suggestion to google pac-container div.
If i select the jquery suggestions from div, i am able to fire in
$(document).on("click", function (e) {
]
but i need to get selected element value. below is my div.
LondonUnited Kingdom London BridgeBengaluru, Karnataka, India LonavalaMaharashtra, India Longitude GroupLavelle Road, D Souza Layout, Bengaluru, Karnataka, India LondenpetKrishnagiri, Tamil Nadu, India 830 LONG DRIVE, ABERDEEN, MARYLAND, UNITED STATES, 21001 2370.628906-4569.779785 830 LONG DRIVE, ABERDEEN, MARYLAND, UNITED STATES, 21001 2371.930664-4571.367188 1 AVENUE DELAFOSSE PROLONGEE 01 BP 2185, ABIDJAN, COTE D'IVOIRE, 2185 320.179077-241.665054 9910 AVALON ROAD NW, ALBUQUERQUE, NEW MEXICO, UNITED STATES, 87121 2105.522949-6394.536133 9910 AVALON ROAD NORTHWEST, ALBUQUERQUE, NEW MEXICO, UNITED STATES, 87121 2103.865723-6389.127441
based on Div selection option (id =areasearch or class="pac-item-areasearch") i need to get the addrees and lat & lon.
How to achieve selected div element values .
if anybody knows reply me.
Thanks in advance.
modified 24-Jul-15 8:31am.
|
|
|
|
|
What are the latest trends in the UI design?
|
|
|
|