The essential news about content management systems and mobile technology. Powered by Perfect Publisher and XT Search for Algolia.
The News Site publishes posts to the following channels: Facebook, Instagram, Twitter, Telegram, Web Push, Tumblr, and Blogger.
All the elegance, beauty, and charm of the simplicity make up JoomlaShine’s new masterpiece – JSN Mini. Mainly designed for portfolio websites, JSN Mini is equipped with extended styles for the Advanced Portfolio Pro extension and 130+ beautiful predefined icons. JSN Mini will be the most attractive JoomlaShine template for its design and usability.
[1]
Being inspired by a Minimalist style, which uses pared-down design elements, JoomlaShine’s art director worked really hard over two months to give birth to JSN Mini.
Stay tuned and explore JSN Mini’s features!
Highlighted Features of JSN Mini:
Brandon template comes with 5 predefined styles, unlimited color options, custom background patterns and images, boxed or fixed layout, 9 custom module styles, extended typography and some slick CSS3 animations.
Brandon template is compatible with Joomla 2.5 and Joomla 3.x versions.
The layout is completely responsive and it is perfectly displayed on all mobile devices. So hurry and get your copy of Brandon today!
We thank YouJoomla team for providing such a beautiful template to MijoShop users.
Enjoy it!
[1][2][3][4]Read more https://miwisoft.com/blog/brandon-new-joomla-template-for-mijoshop
Read more https://feedproxy.google.com/~r/ostrainingjoomla/~3/0BGCQAfu5Y8/
Hey Chatters,
You can try integration with or without Social Network plugin, if social network plugin is disabled or not installed the JBolo parameter "Show everyone or friends?" will be ignored and you will see all online members.
In addition to this integration this version includes few bug-fixes. You can check the detailed changelog below.
Changelog
Features added:
+ Feature #29332 EasyProfile community extension integration
Bugs Fixed:
- Bug #28091 Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in plg_jbolo_textprocessing.php
- Bug #27031 Can not uninstall Jbolo-Easysocial app, as it is set to be core app
- Bug #26434 File sending - Global and individual progress bars progress not shown
- Bug #25869 Fix Jquery conflicts and add option in plugin configuration for fixing JS errors
- Bug #22860 Don't switch focus from one chat-window-textarea to the window where new message arrives
Hello!
Guys, This blog is about adding multipal html element using jQuery and display the cloned field. Hope this Helps! :)
So this is Quick guide to create multiple fields as many as with in minimum efforts
Lets' code! Step by step :
A. Add jQuery file from Google API and add required styling-
<html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <style> .qtc_att_hide {display: none;} </style> </head>
B: Lets create template HTML code which you have to create for N times. -
Lets say template html is for text box field and you have to add for N time. Each time while adding the new field via. javascript, we are using this template code to generate the new field. As this is the template, hide it from user with the help of class styling qtc_att_hide.
<!--Create one div and hide it. It will act as template for cloning--> <div id=<?php echo $attribute_container_id ?> class="qtc_container qtc_att_hide" style="" > <div class="com_qtc_repeating_block well well-small span10"> <label class="" ><strong>Add Extra Attribute </strong></label> <!-- Lets take a take a text box field to clone --> <input id="atrri_name0" name="atrri_name0" class="input-medium attriFieldClass" type="text" value="" maxlength="250" size="32"> </div> <!-- required --> <div></div> </div>
This will look like
C: Display saved fields and add one more extra fields -
Following code sample diplays alredy saved field detail along with delete button. Also add one more extra fields with empty details so that user can add details.
<?php // $allAttribues contains previously stored field details $i=1; $count = !empty($allAttribues)?count($allAttribues):1; // For each attribute and one extra field for ($i=1;$i<=$count;$i++) { $attribute_container_id = "qtc_container".$i; ?> <div id=<?php echo $attribute_container_id ?> class="qtc_container"> <div class="com_qtc_repeating_block well well-small span10"> <label class="" ><strong>Add Extra Attribute </strong></label> <input id="atrri_name<?php echo $i; ?>" name="atrri_name<?php echo $i; ?>" class="input-medium attriFieldClass" type="text" value="<?php echo (isset($allAttribues[$i]->itemattribute_name))?$allAttribues[$i]->itemattribute_name:''; ?>" maxlength="250" size="32"> </div> <!-- Here is remove button for each field --> <div class='com_qtc_remove_button pull-left span1'> <button class='btn btn-mini' type='button' id='remove<?php echo $i;?>' onclick="removeClone('qtc_container<?php echo $i;?>','qtc_container');" title="Remove Field" > <i class="icon-minus-2 "></i> </button> </div> <!-- required --> <div></div> </div> <?php } // end of attribute for loop ?>
D: Add "+" button for add more field functionality
<div class="com_qtc_add_button pull-left span1"> <button class="btn btn-mini " type="button" id='add' onclick="addClone('qtc_container','qtc_container');" title="Add New Field"> <i class="icon-plus-2 "></i> </button> </div>
E: Finally following is the JavaScript code needed
<script type="text/javascript"> // globle params var attribute_current_id = <?php echo $count; ?>; /** F: Finally add more fields using javascript. Following function makes a copy of template HTML and appends to the existing fields with the help of function parameters. */ function addClone(rId,rClass) { // CURRENT ATRIBURE ID -- global declaration attribute_current_id++; var num=attribute_current_id; // Make a clone from template div var newElem=jQuery('#'+rId+'0').clone().attr('id',rId+num); // Remove hidden styling newElem.removeClass('qtc_att_hide'); // Add clone element at the end of other div jQuery('.'+rClass+':last').after(newElem); // CREATE REMOVE BUTTON var removeButton="<div class='com_qtc_remove_button pull-left span1'>"; removeButton+="<button class='btn btn-mini' type='button' id='remove"+num+"'"; removeButton+="onclick=\"removeClone('"+rId+num+"','"+rClass+"');\" title=\"Remove Field\">"; removeButton+="<i class=\"icon-minus-2\"></i></button>"; removeButton+="</div>"; jQuery('#'+rId+num).children().last().replaceWith(removeButton); var newelementid= rId+num; var option=0; /*1. CHANGE ATTUBURE NAME */ var newname='arri_name'+num; var ck=newElem.find('.attriFieldClass').attr({'name': newname,'id':newname}); } /** G:This function remove the specified div */ function removeClone(rId,rClass) { jQuery('#'+rId).remove(); } </script>After cloning the fields, it will look as
Follow the link to download this example CloningExample_20140613-125955_1.zip[1]
Read more https://techjoomla.com/beyond-joomla/add-multipal-html-element-using-jquery.html