« first day (35 days earlier)      last day (3753 days later) » 

user652649
5:55 AM
morning
 
!!cowsay morning @wes
 
 _____________
< morning @wes >
 -------------
        \   ^__^
         \  (oo)\_______
            (__)\       )\/\
                ||----w |
                ||     ||
 
user652649
sigh.
 
:D
!!\help
 
@NullPoiиteя Y U NO MAEK SENSE!? Could not understand \help (perhaps you meant to execute a command? If so, prepend the command name with a /)
 
6:02 AM
!!/help
 
user652649
!!/FFFFFFUUUUU
 
@Wes Command leave does not exist. Did you mean: live, learn, letme, love
@Wes Command gtfo does not exist.
@Wes Command ffffffuuuuu does not exist.
 
@Wes lol :P
!!/mustache wes
1 message moved to Trash can
!!will I die tomorrow?
 
@NullPoiиteя Not at all
 
6:06 AM
!!will @Wes die tomorrow?
 
@NullPoiиteя By all means
@NullPoiиteя Of course!
 
Nooooooooo @wes dont die :P
 
user652649
@NullPoiиteя you are so kind
 
Hi guys
is anybody here?
 
user652649
6:35 AM
yup
 
user652649
morning
 
!!cowsay good moorning
 
 ______________
< good moorning >
 --------------
        \   ^__^
         \  (oo)\_______
            (__)\       )\/\
                ||----w |
                ||     ||
 
7:20 AM
thanks for reply
I have some problem is css
I want to include my own font via css and want that when I render my html page as pdf then I get that font in my downloaded pdf
have you any idea how to do that
 
user652649
@VivekYadav you can generate the webfont online at fontsquirrel.com/tools/webfont-generator
 
7:35 AM
@media print{
@font-face {
src: url(path/to/Philosopher-Regular.ttf);
src: local("Arial Lihavoitu");
-fs-pdf-font-embed: embed;
-fs-pdf-font-encoding: cp1250;
font-family: "philosopher";
font-weight: bold;
}

body {
font-family: "philosopher" ;
}
}
also I have uesd that site but no impact here
I am working on grails
and try to download pdf using rendering plugin
 
user652649
src: url(path/to/Philosopher-Regular.ttf); isn't enough i guess
 
so what should I do?
 
user652649
use font squirrel's font generator
 
user652649
and use the syntax they suggest
 
8:00 AM
@font-face {
font-family: 'philosopher';
src: url('philosopher-regular.eot');
src: url('philosopher-regular.eot?#iefix') format('embedded-opentype'),
url('philosopher-regular.woff') format('woff'),
url('philosopher-regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;

}
I followd this
syntax generated by that website
but no effect
 
user652649
how are you printing the page?
 
I am making template in which css are included.
use rendering plugin which use Itext in backgrond to generate pdf
 
has anyone here used htl2canvas plugin?
 
user652649
@VivekYadav i don't know what that is. it doesn't probably support web fonts
 
ok no problem
anybody here who has worked in grails.
 
8:23 AM
Hi guys I've started recently to learn html just to make an interface with a database so probably the questions may appear stupid:

<form action="response.jsp">
<select name="scelta" size="3">
<strong>Select:</strong>
<option>A</option>
<option>B</option>
<option>C</option>
<option>D</option>
</select>
<input type="submit" value="submit" name="submit" />
</form>

having a form like this, I would like that if one choose A and ok then he'll go to a page, if B in another etc, is it possible without a script?
 
@newbie With out a 'script' yes. Without javascript, no. You need javascript to update the URL to the new one.
 
user652649
@newbie you can't put <strong> inside a <select>
 
Thank you mike, why wes?
 
user652649
because you can't :P <select> can only contains <option> and <optgroup>
 
user652649
<label>Select: <select><option>A</option></select></label>
 
8:36 AM
Thanks , understood now
 
user652649
@newbie are you from italy? xD
 
yes
 
user652649
non siamo molti :P
 
ahah, dalla "scelta" è stato chiaro
 
user652649
già xD
 
8:39 AM
di dove sei?
 
user652649
basilicata ma vivo vicino udine
 
dall'estremo sud all'estremo nord :)
 
user652649
già. ma in fondo sono sempre un terrone xD
 
user652649
tu di dove sei?
 
abruzzo
al momento studente
 
user652649
8:43 AM
tu invece sei esattamente al centro
 
user652649
ti fanno studiare jsp? non sono mai riuscito neanche ad avviare tomcat
 
nono è per il progetto di basi di dati, c'è una parte opzionale in cui si può realizzare un'interfaccia che interagisce col database per inserire, cercare etc e ieri ho iniziato a provarci
 
user652649
:P se ti serve altro aiuto torna a trovarci
 
di sicuro :), inizio a cercare guide di js, grazie! a presto, bye bye
 
user652649
ciao ;)
 
user652649
9:04 AM
@mikedidthis what's up man? xD
 
user652649
how's the fixed header going? i didn't surrender (yet) one day i will try complete it out...
 
@Wes hey man, being defeated by sickness my youngest gave me. Also drawing a griffin.
@Wes You ok?
 
user652649
had flu too, my nephew gave. DAMN KIDS!! a griffin?
 
he meant giraffe
 
user652649
 
9:11 AM
@Wes No... I mean a griffin!
 
why isnt my image showing up
 
user652649
does the griffin have sports socks?
 
@Wes no this is another project :)
 
user652649
xD
 
@mikedidthis what software are u using to draw that griffin ?
 
9:18 AM
@CallMeDummy Illustrator.
 
^hey
its you guys, whats up
 
hey and thats a giraffe up there
 
that giraffe is so shiny it burns my eyes
my eyes are literally bleeding right now lol
 
thats what it is suppose to do --> Project giraffe successful
 
9:23 AM
can somebody help me with a query about html2canvas plugin?
 
ya sure dinesh
xD
 
@Demorus the screenshot is not being captured when on button click but works on document.ready
 
user652649
@mikedidthis cool :P
 
@Wes it was super fun to do. I wish I had more time for illustrations.
 
9:32 AM
@mikedidthis can you help me?
 
user652649
@DineshVenkata code or it will not happen
 
@DineshVenkata yeah we are going to need to see some code. I am going to presume your binding an event to an element that isn't on the page yet.
 
@mikedidthis what is the best way figure out when the event is being triggered ?
 
@DineshVenkata it works? If you showed us some code or a demo, we could probably have this sorted in a few mins
 
@mikedidthis let me make a fiddle
@mikedidthis here is my code pastie.org/8004194
 
9:52 AM
Is the submit button in the header your appending?
 
@mikedidthis no its part of the page
 
$("#submitButton").click(function() {
  alert("Click Event Working");
});
 
should I try that?
 
I would start there and test the event is bound and firing first. Its super hard to help with little code.
 
ok im back
dinesh, got the code?
ok I see it, nvm
ok this really weird, it should work. Your code is right
 
9:57 AM
@Demorus here it is pastie.org/8004194
 
$("#submitButton").click(function ()
		{
	capturScreen();
		});
very unusual
what screenshot do you mean? like it creates a sceenshot when they click on the button?
same as "print screen"?
 
@Demorus yes
there is plugin called html2Canvas
 
are you sure the browser doesnt have any security option that prevents this from happening?
just a theory
 
@Demorus it works in document.ready
 
oh ya true
I mean you targeted the div, you got the click (function part right etc.
 
10:02 AM
@mikedidthis button event works
 
if mikes event works then the code is right
it understands your click event, somehow it doesnt get the "capturescreen"
capturScreen();
});
I got a theory
 
I would move the function outside the document ready. Also maybe calling the function twice is making it a mess.
 
maybe try this:
 
@mikedidthis could it be a case if it is done on submit
it doesnt work
?
 
sorry
$(document).ready(function() {
	$.get("header.do", function(data) {
		$("#header").append(data);
	}).done(function() {capturScreen(); });
	function capturScreen()
	{
		var target = $('body');
		html2canvas(target, {
		    onrendered: function(canvas) {
		    var data = canvas.toDataURL();
		window.open(data);
		$("#reportImg").val(data);
		    }});
			$("#submitButton").click(function ()
		{
	capturScreen();
		});
	}


});
ok try this code now
 
10:07 AM
how will it help?
 
This is how I would do it:
 
just try
 
function capturScreen() {
    var target = $('body');
    html2canvas(target, {
        onrendered: function(canvas) {
            var data = canvas.toDataURL();
            window.open(data);
            $("#reportImg").val(data);
        };
    });
};


$(document).ready(function() {

    $.get("header.do", function(data) {
        $("#header").append(data);
    });

    $("#submitButton").click(function () {
        capturScreen();
    });

});
 
user652649
@DineshVenkata the function scope is wrong, capturScreen should be outside the ready function
 
user652649
^ like mike said
 
10:08 AM
I hate JS
 
Plus we don't know where the JS is in relation to the HTML (top / bottom) so I would bind with the document ready call.
 
nothing can go wrong if it is placed on top
I prefer bottom for page speed though as much as possible
 
@Demorus everything can go wrong if your JS is before your HTML, well in terms of delegation.
 
Ok, actually I was talking about placing it in the "head"
I wonder if your code fixed this
 
@Demorus yeah so was I. If you bind an event, outside of doc ready, in the head of your HTML it may not find the bound element :(
 
10:12 AM
I didnt know that! damn
I thought it was the exact opposite
 
@Wes that's correct?
 
user652649
 
@Wes nice. :)
 
@mikedidthis when I take the submit button's code out of document.ready it isn't working at all
 
@DineshVenkata no one told you to do that?
 
10:18 AM
so what do I do @mikedidthis
 
@DineshVenkata read either mine or @Wes code we just posted
 
user652649
i don't know what i'm doing pastie.org/8004280
 
Hi again guys, looking for web resources I've found this example that is similar of what I intend to do <script type='text/javascript'>
function formValidaotor(){
var state = document.getElementById('state');
if(state.value == "Please Choose"){
return false;
}else{
return true;
}
}

</script>

<form action="response.jsp" onsubmit='return formValidator()' >
State: <select id='state'>
<option>Please Choose</option>
<option>AL</option>
<option>CA</option>
<option>TX</option>
<option>WI</option>
the problem is that on submit it seems to be always true
 
user652649
formValidaotor > formValidator ?
 
@newbie no long code pasting here
use pastie.org
 
10:24 AM
ok sorry
what do you mean wes?
 
user652649
there's a typo
 
user652649
formValidaotor
 
here the pastebin link pastebin.com/p5xdPa8q
scusa wes non capisco la domanda
 
user652649
hai scritto male formValidator hai scritto ValidaOtor c'è una O in più
 
ops, non ho controllato queste cose perchè mi aspettavo errori, perché funziona se la funzione non esiste?
 
user652649
10:30 AM
devi usare la console degli errori
 
user652649
F12
 
@mikedidthis the canvas isn't able to render images or something of that sort when I use it away from document.ready
 
ti ringrazio, e un'ultima domanda, qui se è true cioè c'è stata una scelta va a response.jsp, ma se volessi che a seconda della scelta andasse in una pagina?
 
@newbie no idea sorry.
 
they say that some proxy is required to save images or something @mikedidthis don't even have the wildest of the clue what they are talking about
 
10:32 AM
@DineshVenkata I have no experience with what your trying to achieve. I would maybe ask a quesiton on SO or in the JS room.
 
I'm getting 404 erros
@mikedidthis people in js room don't help much
 
user652649
@newbie document.getElementById("formid").action = "page.jsp";
 
@DineshVenkata they do if you present the question correctly. Follow the rules. Post a demo replicating your issue, explain what you have tried.
They don't help, vampires, which is the correct way.
 
e in form action="response.jsp" lo devo togliere?
 
@mikedidthis you mean not helping is the correct way?
 
user652649
10:36 AM
non necessariamente, quello lo usi come valore di default
 
grazie mille wes, troppo gentile
 
user652649
e di che :P
 
@mikedidthis the host url I think is getting changed
which is giving error
 
10:58 AM
@DineshVenkata no, I mean, not helping people who just dump code and do little to resolve their issues before asking for help.
 
11:23 AM
@mikedidthis why use illustrator when u have html canvas ?
 
@CallMeDummy As its a logo? That is printed and used for web. Also Canvas isn't really the place for this sorta thing. You would just use an SVG.
 
@mikedidthis So do you think I should move my bird thing from canvas to svg for better manipulation?
 
@CallMeDummy I think canvas maybe other kill in this instance. You can animate shapes of an SVG with js / css.
 
12:15 PM
so a DOM saves images in an array, is this true for other elements such as <p> or <h1> ?
 
12:32 PM
Hey there. Is there a way to make an element (div) behave (scale, resize proportionally) like a background-image with background-size: contain;?
 
12:56 PM
I tried it and it seems to work. Instead of giving the container div a fixed width, it has 100%. This works also. I now have the container always stretching to full width plus keeping its ratio (sth like 100:61.33...). What I need now? It should fit vertically (height 100%) not horicontally.
 
@kleinfreund you could look at something like max-height, but I am not 100% sure.
 
This technique works with paddng top, right, bottom left.. I believe I just have to calculate a bit different. But I can't get my head around it atm.^^
 
@kleinfreund yeah as long as their is something 'pushing'.
 
Hm.. I tried something like max-height: 100% and width: auto on the container.. no luck.
 
maybe try like this width: 60%, margin-left: auto; margin-right: auto;
 
1:07 PM
@kleinfreund it will be on the elements you want to obey the rule, not the parent
 
Hm, nope. I don't get it. I can't even think of a theoretical solution.
 
@kleinfreund yeah I don't think you can have it on both axis so to speak
 
I need it only on one axis - vertically. :/
Basically I'm looking for a way to set the maximal height of the container to the height of the viewport, right?
 
1:22 PM
@kleinfreund yeah, which is possible. What is the content?
 
I set the height of html and body to 100%, inside the body I only have the container div with outer and inner div from the example. There is no content outside of the container.
 
Yeah I mean is there an image inside the ratio element?
 
I want to put an image in there, yes. It should work as a background and I need to place a clickable area on the image. If the screen size changes, the clickable area should be relatively to the image.
 
@kleinfreund if your using an image, you can use that to push the width and then max-height to do the height :)
 
Does the image belong inside div.inner?
 
1:32 PM
two secs I will try and get an example
 
And I try to explain exactly, what I want to achieve.
I have an image. It is my background image. But I don't want the image to go outside the viewport. All information have to be visible. Therefor background-size: contain; would work well, BUT... I also have a clickable area on the image (in the top right of the picture). This area has to be there no matter what screensize I have. But I can't position something relatively to a background-image. Therefor I want the image inside an img-tag and let the img behave like background-size: contain.
 
@kleinfreund yeah it makes sense. If you can make the parent scale, you can use position: absolute and a percentage figure
 
I replaced the .inner div with the img-tag and gave it the values (position absolute, top, right, bottom, left and width 100%. This works – but still in the horicontally fitting manner.
It feels so close. xD
Hmm.. I can't figure it out at the moment. Thank you for your help, mate.
 
1:47 PM
@kleinfreund No problem, that is as far as I got: jsfiddle.net/mikedidthis/BVj7B/1
I will try again later.
 
Although on this old machine (Safari 4) jsfiddle doesn't work, I can see something of the preview. It looks like it's going in the right direction.
 
@kleinfreund yeah I think I am getting false positives with it if I am honest. Like the box width doesn't appear fluid, but if I check / uncheck a property the size is recalculated and appears as I would expect.
I will work locally this evening and see what I can do.
 
Is there some way to "remind" me of you? Like "following" you? Sending me a link to your profile via email seems so old fashioned. ;)
Yeah, it looks "strange". Like a media-query after 50px..
 
@kleinfreund I can ping you on here if you like, or you can tweet / email me.
 
I don't know if I find time fiddling around this evening. Maybe I just come back here tomorrow and see if you're around.
Ah yes, and of course I filed a question on SO: stackoverflow.com/questions/16911909/…
 
2:08 PM
Very brief question, does anyone know how bowers are meant to handle contradictory instructions in HTTP and HTML standards? which one should take precedence?
 
2:40 PM
@ChristopherHackett do the two even overlap? Maybe I am missing something.
 
3:21 PM
@mikedidthis The one I'm looking at atm is HTTP referrer
 
@ChristopherHackett link?
@ChristopherHackett my understanding is a http referrer is something that sends traffic to your site?
 
3:35 PM
w3.org/Protocols/rfc2616/rfc2616-sec14.html#sec14.36 and say `<meta name="referrer" . Is there in general any rules on you would correctly interpreter any differences
 
 
5 hours later…
8:20 PM
@Wes give me a ping when your around I would like your opinion
 
user652649
pong @mikedidthis
 
user652649
i'm in semi-coma state because of the flu
 
user652649
:(
 
@Wes I feel for you honestly, as its the same fate I am currently suffering.
 
user652649
:(
 
8:25 PM
@Wes try this: journeykitchen.com/2012/01/… I slept for 14 hours after drinking it.
 
user652649
now i feel better, i just have the most painful sore throat ever (my throat is actually bleeding)
 
@Wes really? That doesn't sound good :(
 
user652649
:( btw, tell me about the opinion
 
@Wes you sure? I don't wont to bother you if your ill.
 
user652649
yes, don't worry :P
 
8:32 PM
I am being really specific now. Should the parent or the child elements carry the top / bottom padding?
I use padding-left / right on the child elements to fake a margin, like a grid. But I can't work out if I should also be adding the vertical spacing to the parent / child element.
 
user652649
do you mean padding or margin?
 
Either, in context it doesn't really matter.
its more along the lines, when adding vertical white space, what element should I apply it to.
 
user652649
it will be only one row right?
 
there could be more rows
I didn't even think about that.
 
user652649
so the answer is easy, it must be applied to children, right?
 
8:37 PM
Yeah it seems that way.
Damn, thanks man. I am trying to work out how to do things, one way, hence my CSS question the other day, and this.
So the parent literally is just a wrapper
 
user652649
btw you could use both
 
user652649
do you know what "collapsing margins" are?
 
I may know, but I am not good with technical terms? Example?
 
user652649
<div style="margin:30px;">d</div><div style="margin:20px;">d</div> the vertical gap between these two divs will be 30px
 
user652649
floated elements don't affect collapsing margins, so if you want to consider this feature, you should use margin on the wrapper
 
8:42 PM
@Wes what is this voodoo? I presume we are talking none floated elements?
 
user652649
i'm writing a fiddle btw
 
user652649
<div style="margin:30px;background:red;">d</div><div style="background:lime;margin:20px;">d</div> if you count the pixels between the two you will see there are 30 pixels, not 50px
 
user652649
and yes we are talking about non floating elements
 
Ahh ok.
Hmm it seems a bit too 'free' if that makes sense?
 
user652649
in fact i was saying that if you want to take care of the "collapsing margins" feature you should use both margin on floated elements and also on the container
 
user652649
8:44 PM
(jsfiddling)
 
Like I presume you would use that with display:inline-block (yay for whitespace).
 
user652649
no
 
user652649
collapsing margins applies only to block elements
 
ohh ok, so that works around the float stuff
 
user652649
jsfiddle just died 8-D
 
8:47 PM
WHY IS EVERYONE ILL OR DYING :(
 
user652649
why is #one float:left?
 
user652649
do you actually need this?
 
user652649
@mikedidthis
 
@Wes probably not, I just did it quickly.
 
user652649
everybody say RIP to chrome. it's the third time it crashed me today
 
9:00 PM
Damn, really? Thats just bad luck.
 
@Wes Thank you :)
 
user652649
that's the only reason to use both margins to children and parent
 
yeah, well I learned something new.
It was mainly on how I would go about adding the whitespace between two parent elements, as it always the same (in my designs at least)
 
9:15 PM
I was trying to post a question but I get this message: "Sorry, we are no longer accepting questions from this account. See goo.gl/C1Kwu to learn more." anyone can help?
 
user652649
@Stefanos i think you made too many poor quality questions and you didn't ever wrote an answer... if you are banned from asking questions, you should take some time to answer some questions
 
need an upvote I think, can somebody upovote me?
 
user652649
yes, if you pay us xD write an answer and link it to us and we'll think abt upvoting it :)
 
9:48 PM
@Stefanos write a good answer, I'll upvote it if it's useful
 
user652649
1 message moved to Trash can
 
user652649
animated gifs kill chrome :(
 
10:06 PM
@Wes you should write room rules
 
user652649
people will surely read them xD
 
11:21 PM
Hey guys I am trying to figure out what I should do for putting keywords out for my site for google to pick up.
 

« first day (35 days earlier)      last day (3753 days later) »