Jquery usage in safari browser

Sandeep
(@sandeepkylas)

10 years, 3 months ago

Hello
This is a great plugin and very very helpful. Thanks for developing it!

I have one page with a summary of table details and a link to go to full page with all details. It works good on all browsers other than safari-iphone.

Link: http://graspit.co/courses/
In addition, how do i hide the submitted time value? I just want to show “Details” and hide rest of the cell data in the “Details Column”.

Code on 1st page
[cfdb-table form=”CourseList” class=”CSSTableGenerator” headers=”submit_time=Details” show=”Course Title,More Details,submit_time” filter=”Course Title~~/.*$_POST(coursetitle).*/i&&lname~~/.*$_POST(lname).*/i”]

<script type=”text/javascript”>// <![CDATA[
(function ($) {
$(‘td[title=”submit_time”] div’).each(
function () {
$(‘‘,
{
text: ‘Details’,
href: ‘http://graspit.co/coursescopy/?submit_time=’ + $(this).html()
}).appendTo(this);
})
})(jQuery);
// ]]></script>

Code on 2nd page
[cfdb-table form=”CourseList” show=”Course Title,More Details” filter=”submit_time=$_GET(submit_time)”]

https://wordpress.org/plugins/contact-form-7-to-database-extension/

Viewing 12 replies - 1 through 12 (of 12 total)

Plugin Author Michael Simpson
(@msimpson)

10 years, 3 months ago

Please repost but put your code in a “code” tag.
Thread Starter Sandeep
(@sandeepkylas)

10 years, 3 months ago
Sure Michael!

1st page
```
[cfdb-table form="CourseList" class="CSSTableGenerator" headers="submit_time=Details" show="Course Title,More Details,submit_time" filter="Course Title~~/.*$_POST(coursetitle).*/i&&lname~~/.*$_POST(lname).*/i"]

<script type="text/javascript">// <![CDATA[
(function ($) {
$('td[title="submit_time"] div').each(
function () {
      $('<a>',
        {
        text: 'Details',
        href: 'http://graspit.co/coursescopy/?submit_time=' + $(this).html()
        }).appendTo(this);
})
})(jQuery);
// ]]></script>
```
2nd page
```
[cfdb-table form="CourseList"  show="Course Title,More Details" filter="submit_time=$_GET(submit_time)"]
```
Plugin Author Michael Simpson
(@msimpson)

10 years, 3 months ago

I’m not sure, but try removing the “// <![CDATA[” and the closing “// ]]”

Thread Starter Sandeep
(@sandeepkylas)

10 years, 3 months ago

Thanks Michael!
The entire functionality stops working if I remove that code.

In addition, mu column now displays the actual submit_time along with “Details” word. How can I remove the submit_time value?

Tableau
http://graspit.co/course3_tableau_1729/
1450925954.1992Details

–> I want to remove the 1450925954.1992 and just keep the “Details” word. Can you pls. help me with this?

Plugin Author Michael Simpson
(@msimpson)

10 years, 3 months ago

I did not mean to remove all the code between, I meant to only remove the code that I quoted above.

Thread Starter Sandeep
(@sandeepkylas)

10 years, 3 months ago

Hi Michael
I just removed the following piece only
“// <![CDATA[”

“// ]]”

Plugin Author Michael Simpson
(@msimpson)

10 years, 3 months ago

Remove this:
// <![CDATA[

And remove this:
// ]]

Does it work now?

Thread Starter Sandeep
(@sandeepkylas)

10 years, 3 months ago

Thanks Michael!

It works on desktop as well as chrome on iphone. But, the table doesnt get any data on Safari-iphone

Thread Starter Sandeep
(@sandeepkylas)

10 years, 3 months ago

Also, I want to hide the submit_time data from the user You can open this link http://graspit.co/courses/

I just want to show “Details” and not the submit_time. How can I hide submit_time but at the same time use it as a parameter to pass on to the next page?

Thread Starter Sandeep
(@sandeepkylas)

10 years, 3 months ago

Sharing the modified link
http://graspit.co/coursestable/

Want to hide the “submit_time” data but want to have the linking as well as “details” link
Plugin Author Michael Simpson
(@msimpson)

10 years, 3 months ago
I suggest to try replacing this:
```
$('<a>',
        {
        text: 'Details',
        href: 'http://graspit.co/coursescopy/?submit_time=' + $(this).html()
        }).appendTo(this);
```
With this:
```
$(this).html('<a href="http://graspit.co/coursescopy/?submit_time=' + $(this).html() + '">Details</a>');
```
Thread Starter Sandeep
(@sandeepkylas)

10 years, 3 months ago

Thanks a lot, Michael!

Works great on desktop as well as on Chrome-iphone.

Not sure why it doesnt work on safari-iphone. The display doesnt work and also the linking doesnt work

Viewing 12 replies - 1 through 12 (of 12 total)

The topic ‘Jquery usage in safari browser’ is closed to new replies.

Tags