I would like to use an external text link - to highlight an existing FullCalendar event on my calendar.
link 1 (clicking link 1 will highlight the background color of existing
event 1)
link 2 (clicking link 2 will highlight the background color of existing
event 2)
link 3 (clicking link 3 will highlight the background color of existing
event 3)
I can't think of any way to do this other than having a unique ID.
Is there a way to simply assign your own unique ID to lets say the <tr> or <td> tag, i.e.
<td id='my_id_1'>
when the events are rendering - so that I can utilize this ID to know which event to highlight?
I came up with something that works.
When loading my calendar events:
eventRender: function(event, element){
element.attr("id","my_id_1");
},
Now I can just call:
$('#my_id_1').addClass('my_red_highlight_class');
To highlight the background when clicking my text link.
Related
I have created a couple of click triggers in Google Tag Manager to track some areas of my site and I was surprised that the figures were so low. I have realised why but couldn't find a way around it.
Code example:
<li id="myUniqueID"><i class="material-icon">mail_outline</i></li>
If I create a click trigger on "myUniqueID", it only captures the clicks in the area outside the space occupied by the icon. If I click right into the icon, the listener is not fired.
Is there a way to capture all clicks based on a unique ID or class that would take clicks of all sub-elements into account.
It's probably something stupid that I have overlooked.
Thanks!
Change your trigger to Click All Elements that Match a CSS Selector.
As a selector, try using #myUniqueID, #myUniqueID *
The second selector selects all descendants/children of whoever has the myUniqueID id.
I would just like to ask is there a way to add a custom onclick icon on Woocommerce bakcend order list under previous orders column or a custom column would d that will allow the admin can click a flag icon that will turns red when click to determine that the order has a problem.
Please see attached screenshot. https://prnt.sc/m41oad
Thanks,
JM
Trying to simplify the UX in a Watch application by getting rid of a redundant button which a user has to tap in order to choose a selected item in WKInterfacePicker and perform a next step. Just want to replace the tap on this button with the tap on a picker.
Cannot find such API in the class specification and the following quote haunts me:
The user interacts with a picker by tapping it, using the crown to scroll through items, and tapping again to select an item.
Everything points to the fact that an item can be selected by tapping on a picker and we can get an access to that action programatically. Has anyone faced this task?
To handle focus to picker did tap event use - pickerDidFocus.
If you want handle each tap now there are only one custom way. You need every time did focus picker programmaticaly call [picker resignFocus]
Put picker into group and set background border image to it if you want to customize focus. Set picker focus style to none.
just add a picker to your WKInterfaceController and create an IBAction to react on the pitch events:
I have set up my fullcalendar to display a mixture of 1 day events (shown in one color) and week-long events(shown in diff color). I wanted to improve the visibility of events as it can get confusing with lots of overlapping events, so i set it up so that an event is highlighted with yellow border on mouseover.
This all works ok, except when i have an event that spans over a weekend - ie. starts on wednesday, ends on following wednesday - on mouseover the event is only highlighted for the current week - the portion of the event that falls after the weekend, is not highlighted,
any help would be greatly appreciated !
Ok,
I got this working.
fullcalendar.js generates a unique id for each event -> event._id (_fc1, _fc2...etc)
Each event is represented by an anchor tag (). An event that spans over a weekend is represented by 2 anchor tags. The unique id for each event is not outputted in the html by fullcalendar.js so it is impossible to see which anchors are associated with which events.
I made a small change to fullcalendar.js which adds the unique id of each event to the anchor being generated (as an additional css class name)
This means that all anchor tags associated with an event can be selected in the mouseover event using the JQuery class selector.
eventMouseover: function (event, jsEvent, view) {
$("." + event._id).each(function (index) {
$(this).css('border-color', 'yellow');
});
},
works for me !
There could be a better way, but I found a way that does not touch the source:
Add a unique css class for each event.
When rendering, even if the event stretches across weekends, the class is applied to all segments.
When user clicks an event:
$("." + calEvent.className).addClass('red');
Side note: When you drag an event, the other segments, belonging to the same event, are hidden, so fullCalendar is aware of the other segments, but I have not found a way to access them through the API.
in my Project there is Asp.net GridView ( that putted into a update panel).
i did open Gridview In Jquery Ui Dialog.
Is there any way exist to edit a specific column grid View cells in microwave on mouse over on that cell?
for example displaying a div on that position and doing an action.
please give me help.
thanks
You could use hover jQuery function:
$(selector).hover( handlerIn(eventObject), handlerOut(eventObject) )
it takes 2 parameters:
1). Function which called on mouse goes in element
2). Function which called on mouse goes out element
In the first parameter you could show div, and hide it in the second one.