// tipsy, facebook style tooltips for jquery // version 1.0.0a // (c) 2008-2010 jason frame [jason@onehackoranother.com] // released under the MIT license (function($) { function maybeCall(thing, ctx) { return (typeof thing == 'function') ? (thing.call(ctx)) : thing; }; function isElementInDOM(ele) { while (ele = ele.parentNode) { if (ele == document) return true; } return false; }; function Tipsy(element, options) { this.$element = $(element); this.options = options; this.enabled = true; this.fixTitle(); }; Tipsy.prototype = { show: function() { var title = this.getTitle(); if (title && this.enabled) { var $tip = this.tip(); $tip.find('.tipsy-inner')[this.options.html ? 'html' : 'text'](title); $tip[0].className = 'tipsy'; // reset classname in case of dynamic gravity $tip.remove().css({top: 0, left: 0, visibility: 'hidden', display: 'block'}).prependTo(document.body); var pos = $.extend({}, this.$element.offset(), { width: this.$element[0].offsetWidth, height: this.$element[0].offsetHeight }); var actualWidth = $tip[0].offsetWidth, actualHeight = $tip[0].offsetHeight, gravity = maybeCall(this.options.gravity, this.$element[0]); var tp; switch (gravity.charAt(0)) { case 'n': tp = {top: pos.top + pos.height + this.options.offset, left: pos.left + pos.width / 2 - actualWidth / 2}; break; case 's': tp = {top: pos.top - actualHeight - this.options.offset, left: pos.left + pos.width / 2 - actualWidth / 2}; break; case 'e': tp = {top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left - actualWidth - this.options.offset}; break; case 'w': tp = {top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left + pos.width + this.options.offset}; break; } if (gravity.length == 2) { if (gravity.charAt(1) == 'w') { tp.left = pos.left + pos.width / 2 - 15; } else { tp.left = pos.left + pos.width / 2 - actualWidth + 15; } } $tip.css(tp).addClass('tipsy-' + gravity); $tip.find('.tipsy-arrow')[0].className = 'tipsy-arrow tipsy-arrow-' + gravity.charAt(0); if (this.options.className) { $tip.addClass(maybeCall(this.options.className, this.$element[0])); } if (this.options.fade) { $tip.stop().css({opacity: 0, display: 'block', visibility: 'visible'}).animate({opacity: this.options.opacity}); } else { $tip.css({visibility: 'visible', opacity: this.options.opacity}); } } }, hide: function() { if (this.options.fade) { this.tip().stop().fadeOut(function() { $(this).remove(); }); } else { this.tip().remove(); } }, fixTitle: function() { var $e = this.$element; if ($e.attr('title') || typeof($e.attr('original-title')) != 'string') { $e.attr('original-title', $e.attr('title') || '').removeAttr('title'); } }, getTitle: function() { var title, $e = this.$element, o = this.options; this.fixTitle(); var title, o = this.options; if (typeof o.title == 'string') { title = $e.attr(o.title == 'title' ? 'original-title' : o.title); } else if (typeof o.title == 'function') { title = o.title.call($e[0]); } title = ('' + title).replace(/(^\s*|\s*$)/, ""); return title || o.fallback; }, tip: function() { if (!this.$tip) { this.$tip = $('
').html('
'); this.$tip.data('tipsy-pointee', this.$element[0]); } return this.$tip; }, validate: function() { if (!this.$element[0].parentNode) { this.hide(); this.$element = null; this.options = null; } }, enable: function() { this.enabled = true; }, disable: function() { this.enabled = false; }, toggleEnabled: function() { this.enabled = !this.enabled; } }; $.fn.tipsy = function(options) { if (options === true) { return this.data('tipsy'); } else if (typeof options == 'string') { var tipsy = this.data('tipsy'); if (tipsy) tipsy[options](); return this; } options = $.extend({}, $.fn.tipsy.defaults, options); function get(ele) { var tipsy = $.data(ele, 'tipsy'); if (!tipsy) { tipsy = new Tipsy(ele, $.fn.tipsy.elementOptions(ele, options)); $.data(ele, 'tipsy', tipsy); } return tipsy; } function enter() { var tipsy = get(this); tipsy.hoverState = 'in'; if (options.delayIn == 0) { tipsy.show(); } else { tipsy.fixTitle(); setTimeout(function() { if (tipsy.hoverState == 'in') tipsy.show(); }, options.delayIn); } }; function leave() { var tipsy = get(this); tipsy.hoverState = 'out'; if (options.delayOut == 0) { tipsy.hide(); } else { setTimeout(function() { if (tipsy.hoverState == 'out') tipsy.hide(); }, options.delayOut); } }; if (!options.live) this.each(function() { get(this); }); if (options.trigger != 'manual') { var binder = options.live ? 'live' : 'bind', eventIn = options.trigger == 'hover' ? 'mouseenter' : 'focus', eventOut = options.trigger == 'hover' ? 'mouseleave' : 'blur'; this[binder](eventIn, enter)[binder](eventOut, leave); } return this; }; $.fn.tipsy.defaults = { className: null, delayIn: 0, delayOut: 0, fade: false, fallback: '', gravity: 'n', html: false, live: false, offset: 0, opacity: 0.8, title: 'title', trigger: 'hover' }; $.fn.tipsy.revalidate = function() { $('.tipsy').each(function() { var pointee = $.data(this, 'tipsy-pointee'); if (!pointee || !isElementInDOM(pointee)) { $(this).remove(); } }); }; // Overwrite this method to provide options on a per-element basis. // For example, you could store the gravity in a 'tipsy-gravity' attribute: // return $.extend({}, options, {gravity: $(ele).attr('tipsy-gravity') || 'n' }); // (remember - do not modify 'options' in place!) $.fn.tipsy.elementOptions = function(ele, options) { return $.metadata ? $.extend({}, options, $(ele).metadata()) : options; }; $.fn.tipsy.autoNS = function() { return $(this).offset().top > ($(document).scrollTop() + $(window).height() / 2) ? 's' : 'n'; }; $.fn.tipsy.autoWE = function() { return $(this).offset().left > ($(document).scrollLeft() + $(window).width() / 2) ? 'e' : 'w'; }; /** * yields a closure of the supplied parameters, producing a function that takes * no arguments and is suitable for use as an autogravity function like so: * * @param margin (int) - distance from the viewable region edge that an * element should be before setting its tooltip's gravity to be away * from that edge. * @param prefer (string, e.g. 'n', 'sw', 'w') - the direction to prefer * if there are no viewable region edges effecting the tooltip's * gravity. It will try to vary from this minimally, for example, * if 'sw' is preferred and an element is near the right viewable * region edge, but not the top edge, it will set the gravity for * that element's tooltip to be 'se', preserving the southern * component. */ $.fn.tipsy.autoBounds = function(margin, prefer) { return function() { var dir = {ns: prefer[0], ew: (prefer.length > 1 ? prefer[1] : false)}, boundTop = $(document).scrollTop() + margin, boundLeft = $(document).scrollLeft() + margin, $this = $(this); if ($this.offset().top < boundTop) dir.ns = 'n'; if ($this.offset().left < boundLeft) dir.ew = 'w'; if ($(window).width() + $(document).scrollLeft() - $this.offset().left < margin) dir.ew = 'e'; if ($(window).height() + $(document).scrollTop() - $this.offset().top < margin) dir.ns = 's'; return dir.ns + (dir.ew ? dir.ew : ''); } }; })(jQuery); @keyframes rotate-forever{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#toplevel_page_amp-options .amp-count-loading{animation-duration:.75s;animation-iteration-count:infinite;animation-name:rotate-forever;animation-timing-function:linear;height:4px;width:4px;border-color:transparent transparent #fff #fff;border-style:solid;border-width:2px;border-radius:50%;display:inline-block}body.no-js #new-error-index-count,body.no-js #new-validation-url-count{display:none}

Chương trình học

Tin mới nhất

The tips of Purchasing Good Bamboo SteamersBamboo Versatility: From Lampshades to Furniture and MoreGet ready for the Mid-Autumn Festival – 5 Gift Ideas for Businesses to Give to Partners, Customers, and Employees.| Family Picnic Ideas | What to Pack, What to Eat, & More!
The Art of Bamboo and rattan weaving – Essence of Vietnamese Traditional Culture – DONG HA MANUFACTURING CO., LTD
News

The Art of Bamboo and rattan weaving – Essence of Vietnamese Traditional Culture

Posted on by Dong Ha Craft

The craft of bamboo and rattan weaving has become one of Vietnam’s traditional trades over time. The presence of familiar objects made from bamboo and rattan is an integral part of Vietnamese life. It permeates our thoughts, actions, proverbs, and the cultural fabric of rural communities as an inseparable component. Alongside the ups and downs of history, bamboo, and rattan weaving villages have gradually developed, creating exquisite handicraft products. Today, the Vietnamese people take pride in preserving the essence of our ancestral traditions, not only by showcasing these products in the international market but also by sharing Vietnamese culture with the world. DongHaCraft is honored and proud to contribute to this endeavor.

The resiliency of bamboo and rattan weaving
Despite the historical fluctuations, bamboo and rattan weaving villages continue to thrive and prosper today due to the:

The profound love for the craft is shown by its artisans. Without immense love and dedication, it would not have endured for so long.

The engagement of the younger generation in understanding and embracing our traditional crafts, which largely depends on how families educate them. To foster the interest of the younger generation, it is crucial to teach and transmit the love for the craft naturally, without coercion.


The inherent spirit of inheritance and innovation within the weaving communities. Thanks to this unique characteristic, their products have evolved to meet the modern tastes of consumers while retaining the traditional essence passed down by their ancestors.

Market sensitivity. To ensure that these products do not fade into obscurity, the weaving communities continually strive to understand market needs and changes, thereby improving and adapting their products accordingly.

Prominent traditional bamboo and rattan weaving villages
The craft of bamboo and rattan weaving in Vietnam is closely associated with the following villages:

Lien Khe weaving village, located in Khoai Chau district, Hung Yen province, is one of the renowned weaving villages. Its history dates back to the 1990s and has been sustained and developed ever since.

Ninh So weaving village is an ancient village in Hanoi, known for its unique and captivating products that showcase traditional features while being widely applied in daily life.

Ngoc Dong weaving village in Duy Tien district, Ha Nam province, has long been renowned for its exceptional handwoven craftsmanship. It has continued to thrive and evolve.

Phu Vinh weaving village, one of the weaving villages since the 17th century, is now located in Phu Nghia commune, Chuong My district, Hanoi. It is famous for its beautiful and sophisticated products with unique designs and colors. Phu Vinh has become a tourist destination, attracting visitors from all over the world.


With our workshop located in Phu Vinh weaving village and skilled artisans, DongHaCraft confidently delivers the most meticulous handwoven bamboo and rattan products at competitive prices, satisfying our customers. DongHaCraft specializes in distributing and consulting furniture and other products made from natural bamboo and rattan materials, including export-quality woven items.

The Art of Bamboo and rattan weaving - Essence of Vietnamese Traditional Culture
The Art of Bamboo and rattan weaving – Essence of Vietnamese Traditional Culture

Contact DongHaCraft to find the most suitable products for your living space and business environment.

Dong Ha Craft

Leave a Reply

Your email address will not be published. Required fields are marked *

× How can I help you?