« first day    last day (225 days later) » 

08:15
Hey guys,
Facing a challenge related to react routers
I am navigating to a component using history.push
when I go back by clicking the back button I am going to the previous page
Now the default behaviour is if I click forward it will again go to the same component
I want to skip that component when I press forward and move on to the next url
is there any way I can pop an url from the history
08:47
hehe yeah guys, its really young room :D created yesterday :D
also, I am not a wizard with react :( i only know few things, so made a room to share knowledge and have fun tbh
a things i know @user3780225, is about your actually callback ... is actually the way how you call method, so for example if you have OnClick(someEvent) ... that this will be as you say topmost parent
but, if you call an event like OnClick={() => this.MyMethod()} , and method declaration would be MyMethod = () => { ... }, in that case your this` will be a real this
I can't figure out how to pass the props to an arrow function, so that I can use data of props in the function. Anynone have a solution? (Yes I am new)
@JupiterAmy If you are using default browsers back and forward, I don't think you can accomplish what you are trying to do
@MohammadSaad OnClick={() => this.myMethod(someParametar)} ... declaration of MyMethod = (myParametar) => { ... }
09:03
@Veljko89 Thx :)
give it a shot ;)
afk for some min
@Veljko89 Works! :)
09:19
awesome man
09:36
what you working on @MohammadSaad
@Veljko89 Nothing special, just trying to learn react :)
its fun, right?
also I'm still just a learner
 
2 hours later…
11:27
this.setState({ status: 'open', description: 'React talk ...' }); - looks similar to jquery.
yaah ... its based on js
beautiful thing about it react its simple and so well documented
even guys from MIT are making free to use controls and publishing it, available for download via nuget
of course, its all javascript.
react.js, node.js, jquery.js are wrappers/libraries
@Veljko89 interesting.
i'm skilled in jquery.
so it means react won't be an issue for me at all.
@Veljko89 you on linkedin?
yeah mate
I am thinking to quit my current job and go somewhere where i can work on react and .net Core :D
I made a project using these technology and I just love it .... wanna work on it full time ... I have one more page to make and few reports, also still didn't figured out IE and react, seems they don't like each other very much
12:14
added you
user8444404
12:54
hi, sorry to disturb you guys.....
user8444404
why Uncaught SyntaxError: missing ) after argument list
user8444404
in below code
user8444404
$('.container').append(
    '<a href="javascript:void(0)"> ' +
    'onclick="document.getElementById(\'light\').style.display='
    block '"  +
    '<div class="textcontainer" contenteditable="true" ' +
    'style="' +
    'left: ' + layer.x + 'px; ' +
    'top: ' + layer.y + 'px; ' +
    'font-size: ' + layer.size + 'px; ' +
    '">' +
    layer.text +
    '</div></a>');
user8444404
@ARr0w
line 3 : 'onclick="document.getElementById(\'light\').style.display='

new: 'onclick="document.getElementById(\'light\').style.display="block";'
line 4 : block '" <- remove double quotes.
user8444404
13:03
thanks, updated your code, but it displaying code in html page :
user8444404
line 10: " <- remove double quotes.
user8444404
don't remove double quotes from line 10
oky wait
user8444404
okay
13:04
looking
$('.container').append(
'<a href="javascript:void(0);" ' +
'onclick="document.getElementById(\'light\').style.display="block";' +
'<div class="textcontainer" contenteditable="true" ' +
'style="' +
'left: ' + layer.x + 'px; ' +
'top: ' + layer.y + 'px; ' +
'font-size: ' + layer.size + 'px; ' +
'">' +
layer.text +
'</div></a>');
user8444404
thanks, working fine, but console error
user8444404
Uncaught SyntaxError: Unexpected end of input
user8444404
in line 1
yeah
waot
found this issue as well
user8444404
okay
13:09
$('.container').append(
'<a href="javascript:void(0)" ' +
'onclick="document.getElementById(\'light\').style.display=\'block\';" ' +
'<div class="textcontainer" contenteditable="true" ' +
'style="' +
'left: ' + 1 + 'px; ' +
'top: ' + 2 + 'px; ' +
'font-size: ' + 123 + 'px; ' +
'"> layer text </div></a>');
there you go
user8444404
its displaying different output now
user8444404
textedit.html:1 Uncaught TypeError: Cannot read property 'style' of null
at HTMLAnchorElement.onclick
it worked fine when i am adding it from chrome's console, on to the link you provided.
user8444404
oh sorry, then did i done any mistajke ?
user8444404
i copied your code , i didt done any other changes
13:15
i replaced the variable values with hard code values
put your variables back to the places.
user8444404
okay, i will check.....
as you can see 'layer text' and left is hard coded to 1 and top is hard coded to 2 iN style css.
document.getElementById('light').style.display='block'; <- it is saying that style property is null.

document.getElementById('light').style <- failing at this point.
user8444404
i am checking..... one minute please
there is no element with the name 'light'
brb now
user8444404
you are right, can you please check link now....
user8444404
13:18
now no syntax errors
user8444404
i am trying to implement this code
user8444404
43
Q: HTML / CSS Popup div on text click

user2104319I want to make popup div instead of popup window for my 'About' picture/page with current button like in this example:

user8444404
i dont know where to add this code : <div id="light" class="white_content">
user8444404
in my page....
user8444404
please guide me.....
13:23
@vickeycolors looking at example
you ether have to used both divs ... with id light and fade
or change example code onclick element
document.getElementById('light') ... looking for div element that got id = "light"
user8444404
@Veljko89 thanks , but i dont know where to add those codes in my file :
user8444404
<div id="light" class="white_content">
<div id="fade" class="black_overlay">
user8444404
here is my link
user8444404
currently i have this code :
user8444404
$('.container').append(
            '<a href="javascript:void(0)" ' +
            'onclick="document.getElementById(\'light\').style.display=\'block\';document.getElementById(\'fade\').style.display=\'block\'" ' +
            '<div class="textcontainer" contenteditable="true" ' +
            'style="' +
            'left: ' + layer.x + 'px; ' +
            'top: ' + layer.y + 'px; ' +
            'font-size: ' + layer.size + 'px; ' +
            '">' + layer.text + '</div></a>');
13:26
so when you want that to happen? on click of Good life?
user8444404
yes, on both...... Good life and good food
basicly you can just add it above '<div class="textcontainer" contenteditable="true" ' +
user8444404
i am trying
np
take your time
you can litterally add them anywhere (just not inside of some div ofc or existing elements) but anywhere in between
user8444404
@Veljko89 i updated as below :
user8444404
13:32
$('.container').append(
    '<a href="javascript:void(0)" ' +
    'onclick="document.getElementById(\'light\').style.display=\'block\';document.getElementById(\'fade\').style.display=\'block\'" ' +
    '<div id="light" class="white_content">This is the lightbox content. <a href="javascript:void(0)" onclick="document.getElementById(\'light\').style.display='
    none ';document.getElementById(\'fade\').style.display='
    none '">Close</a> <div><div id="fade" class="black_overlay"></div>' +
    '<div class="textcontainer" contenteditable="true" ' +
(see full text)
user8444404
user8444404
i got this : Uncaught SyntaxError: missing ) after argument list
user8444404
i created codepen for you codepen.io/kidsdial/pen/NJZWBb
you lack 2 </div> before last </a>
user8444404
updated
user8444404
13:42
please check link
user8444404
user8444404
@Veljko89 i updated code
user8444404
i unescaped "none"
user8444404
\'none\'
\'none\'
yeah
user8444404
13:51
but now onclick text, not displaying popup
user8444404
@ARr0w can you also please check once ?
check console
user8444404
no errors in console
@vickeycolors wait, in meeting.
user8444404
thanks @ARr0w
user8444404
13:57
our office is closing now..... when you get free time, please check.... i will go and check in home.....
user8444404
also when you guys get free time, please help me for
user8444404
-1
Q: Only Mask Image should be clickable

vickey colorsThere are two types of images in our json files.... 1.Mask images Which have Transparent background as below : 2.Background images : Any normal images Sample Json for Mask image : "layers" : [ { "src" : "image1.png", "...

user8444404
0
Q: Display Text inside mask image

vickey colorswe are allowing user to upload an image inside mask image once user click on mask image.... Once user Upload the image , we are displaying the text "Edit" outside the image.... Here is video link Requirement : But I want to display that text inside the mask images.... Here is Codepen ...

user8444404
-1
Q: Text Valentines Day Disappears onclick image

vickey colorsBackground : We are Displaying Images and Text in a page.... Issue : Once we click on Image, then Text VALENTINES DAY will disappears.... Requirement: But I dont want to disappear text onlicking image.... Here is Codepen : https://codepen.io/kidsdial/pen/vPMmww Here is Jsfiddle : https://...

user8444404
Thanks again @ARr0w @Veljko89
14:39
@vickeycolors i also am leaving now. I will see it tom.
user8444404
I am texting from mobile, thanks a lot @ARr0w
@vickeycolors no issues, will do what i can.
:)
 
6 hours later…
20:45
Hellllo!

« first day    last day (225 days later) »