show/hide json data on mouse click in angularjs - angularjs

enter image description here i have a Json data which contains various video url and i want to show the video on mouse click on a respective link and wants to hide the rest of video url at the same time.
enter image description here
Here as shown in my third image, i want that if i am clicking on angular1 link then, the rest of the data that is angular2 must get hide and i should only see the video that i have in angular1 but i am unable to do that.

well Alok as per your image it seems like you wanted a expand collapsable menu and when user click on that data bind accordingly and rest of the data (div) hide, have a look at the below link :
" https://codepen.io/jasoncluck/pen/iDcbh "
I hope it helps.

Related

React two click handling

I have a coverflow in my program that select an image on click, but I need to have functionality that when you click on the chosen image a second time, it links you to a route.
Like with itunes, you can scrowl side by side the coverflow to chose the correct album and click again to access it's page.
The coverflow has the attribute handleSelect. I want the first click to select the image and make it bigger and in the center of the coverflow, and for the second click to follow the route.
Is it doable?
I use this coverflow: https://github.com/leon-good-life/coverflow-react
Thanks.
For the first click figure out to enlarge image ,You have to do a complete change in you css .It is easier to add the enlargement when hovered, because that makes more sense ,Anyway add counts to the onClick function you are using and then do the complete routing in that function when the clickcCount exedes you limit..

Placing a component at the location of a click on another component

I am displaying pages of a PDF using react-pdf in my application. I have a button called 'add marking', which when clicked, should give the ability to add a mark (small circle component) on the PDF page at the location where I click.
I'm confused with how I should be approaching the problem. I am particularly stuck with what is the best way to get the x and y coordiantes of the click on the pdf. I want the mark to be the same wrt the pdf at all times.

accessing invisible popup in selenium webdriver?

in a interview they have asked below questions please tell me code or approach ...
1-how to access invisible popup.in selenium alert pop can be accessible using alert.accept() but if alert popup is invisible then how can we use.
2-code for automatic image display slider,some image slider has next and previous button we have to click next or previous so please let me know how to develop it in both way by clicking next button on image or automatic image display slider
i am using selenium web driver,java,Firefox
thanks a lot
For the 1st question, AssertEquals will help us to go through invisible pop-ups and for the second one, I am not sure that they have asked the slider next or previous button will be on image....if it is outside image, then we can verify that if its present than click on particular id else not.

Drupal view Image link to a page of same content type in views

I have a content type called Realisation.
Realisation
Title
Body
Thumb Image
I create a Block View and a Page View
Page View
I display only Title, and the Body.
I setup the path url parameter as "/MyRealisation"
In the block view
I only show a list of Thumb Image.
I link my Thumb Image with the content.
When I click on my image, it's not using my custom Page View.
I Notice that the path is wrong. It show node/62 instead of /MyRealisation/node/62
Is there any reason ?.
Thanks a lot.
If you want have url each nodes like so site.com/MyRealisation/node/62
You need install module pathauto
Next you need go to admin/config/search/path/patterns and from this page write your templates for any node types

Why images not displayed in Drupal7?

I am using drupal7.12 cms. I have created menu. Menu have sub categories and i have inserted some stories. Issue is that, Images are displayed only on front page of site not on inner pages for that all stories.
If i set any of article to front page image will display for that article on front page. But when i want to read whole story it not showing image. Also when i click on any category then also it only shows text and alternative text for images.
I have stored all images in following folder "/sites/all/images/" Please help.... Thanks.
I am using JD Events template from http://www.joomlart.com/
It may be that you need adjust the display for your content type. Assuming you are using the article content type go to http://yoursite.com/admin/structure/types/manage/article/display and check the settings for your image field.

Resources